﻿
body
{
    background-color: #575757;
    color: White;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
}
#container_outer
{
    width: 887px;
    margin: 20px auto 0px auto;
    border: 1px solid White;
}
#container_inner
{
    border: 3px solid #575757;
    background-color: White;
    color: Black;
}
#sidebarLeft
{
    width: 180px;
    float: left;
}
#teamviewer
{
    position: relative;
    width: 120px;
    height: 60px;
    margin-top: 20px;
}
#teamviewer a
{
    text-decoration: none;
}
#teamviewer img
{
    padding: 20px 0 20px 20px;
    border: none;
}

/******************************* header *************************/
#header
{
    width: 881px;
    height: 212px;
    background-image: url(images/header3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    color: #696154;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
}
#header h1
{
    float: right;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 1.8em;
}
#header h1 a
{
    color: #696154;
    text-decoration: none;
    height: 114px;
    display: block;
    width: 260px;
    float: right;
}
#header h1 a span
{
    display: none;
}
#header_info
{
    width: 216px;
    margin: 0px;
    float: right;
    font-size: 14px;
    margin-top: 0px;
    margin-right: 38px;
    font-family: Arial, Tahoma, "Trebuchet MS" , Helvetica, Sans-Serif;
    clear: both;
    background-color: #978E7D;
    text-align: center;
}
#header_info #border_box
{
    border: 1px solid white;
    margin: 2px;
    padding: 10px 16px 16px 16px;
}
#header_info #hi_phone
{
    background-repeat: no-repeat;
    background-position: left center;
    color: White;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
}
#header_info #hi_email
{
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: left center;
    color: White;
    font-size: 17px;
}
#header_info #hi_email a
{
    color: White;
}
/**************************** Nav **************************/
#navigation
{
    float: left;
    width: 180px;
    background-image: url(images/menu_item_normal_bg.png);
    background-position: left top;
    background-repeat: repeat-y;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    color: #ECE5D5;
    margin-bottom: 30px;
}
#navigation ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#navigation ul li
{
    display: block;
    line-height: 3.4ex;
    font-size: 0.7em;
    font-weight: bold;
    background-image: url(images/menu_item_normal_bg.png);
    background-position: left top;
    background-repeat: repeat-y;
}
#navigation ul li a
{
    display: block;
    color: #ECE5D5;
    text-decoration: none;
    text-indent: 36px;
}
#navigation ul li a.sn_item_pressed, #navigation ul li a:hover
{
    background-image: url(images/menu_item_selected_bg.png);
    background-position: left;
    background-repeat: no-repeat; /*background-color:#746B5A;*/
}
#navigation #nav_bottom
{
    background-image: url(images/menu_bottom_bg.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 36px;
}

/***************************************** banner  ******************/
#quote
{
    background-image: url(images/button_quoteAd.png);
    background-repeat: no-repeat;
    width: 436px;
    height: 228px;
}
#phonecontact
{
    font-size: 12px;
    font-weight: bold;
    width: 224px;
    height: 88px;
    margin-left: 30px;
    padding: 75px 0px 0px 162px;
}
.toll
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}
.phone
{
    color: #000;
}
.quotealign
{
    margin-left: 12px;
}
img
{
    border: 0px;
}

/***************************************** rolloverbutton  ******************/
a.rollover
{
    display: block;
    width: 214px;
    height: 30px;
    text-decoration: none;
    background: url(images/button_quote2.png) no-repeat;
    margin-left: 10px;
}
a.rollover:hover
{
    background-position: 0px -30px;
}
.replace
{
    position: absolute;
    top: -5000px;
}

a.rolloverLarge
{
    display: block;
    width: 441px;
    height: 60px;
    text-decoration: none;
    background: url(images/button_quote2_large.png) no-repeat;
    margin-left: 70px;
}
a.rolloverLarge:hover
{
    background-position: 0px -59px;
}

/*****************************************content ******************/
#content h3
{
    padding-top: 0px;
    margin-top: 1.2ex;
    color: #615D54;
    padding-left: 20px;
    background-image: url(images/page_title_bullet.png);
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 1.4em;
    font-family: Helvetica, Arial;
    font-weight: normal;
}
#content h4
{
    padding-top: 0px;
    margin-top: 1.2ex;
    color: #615D54;
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 1.25em;
    font-family: Helvetica, Arial;
    font-weight: normal;
}
#content a img
{
    border: none;
}
#content a img
{
    border: none;
}
#content a img#receptionist_img
{
    border: none;
}
div.clear_div
{
    clear: both;
}
#content
{
    float: left;
    width: 652px;
    padding: 0px 14px 0px 24px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 0.8em;
}
#content strong
{
    color: #AA0000;
    font-weight: bold;
}
#content a
{
    color: #808000;
}
#content p
{
    line-height: 2.8ex;
}
.imgSpecial
{
    float: right;
    margin-left: .5em;
    margin-right: -1em;
}
#products li
{
    list-style-type: none;
}
.imgRight
{
    float: right;
    margin: 1em;
}
.imgRightNoBord
{
    float: right;
    margin: 1em;
    border: none;
}
.imgCenter
{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.imgRightBord
{
    float: right;
    margin: 1em;
    border: solid 3px #575757;
    padding: 7px;
}
.prodImgLeft
{
    float: left;
    padding-right: 1em;
}
.prodImgSpace
{
    padding-bottom: 1em;
}
.prodImgLeftTop
{
    float: left;
    margin-top: 50px;
}
.prodImgBandR
{
    float: left;
    padding-bottom: 2em;
    padding-right: 1em;
}
.imgLeft
{
    float: left;
}
.colleft
{
    float: left;
}
.colright
{
    float: right;
}
.colleft, .colright
{
    width: 50%;
    text-align: center;
    padding-bottom: 35px;
}
div.colleft img, div.colright img
{
    margin: 35px 25px 5px 10px;
}
.MT
{
    margin-top: 10px;
}

/********************** page by page styles ************************/
#content .back_link
{
    display: block;
    clear: both;
}
br.clear
{
    clear: both;
}
#content .center
{
    text-align: center;
    clear: both;
    margin-top: 2ex;
}
#content p span.clear
{
    clear: both;
    display: block;
}
#content p.credit
{
    width: 240px;
    margin: 0px auto 0px auto;
}
#receptionist_info
{
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 0px;
    width: 205px;
    float: left;
    line-height: 2ex;
    padding-bottom: 0px;
}
#fast_response_info
{
    padding-left: 20px;
    padding-top: 0px;
    margin-top: 0px;
    float: left;
}
#fast_response_info p
{
    padding: 0px 0px 0px 0px;
    margin: 30px 0px 30px 0px;
    width: 260px;
}
#receptionist_info p
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
}
#main_content
{
    width: 420px;
    float: left;
    clear: left;
}
/* new */
#rightBar
{
    float: right;
    padding: 10px 0px 0px 0px;
    width: 220px;
    margin-top: .5em;
}
#rightBar fieldset
{
    border: solid 2px #978f7c;
    margin-right: -17px;
}
#rightBar legend strong
{
    color: #615D54;
}
#rightBar ul li
{
    list-style: none;
    margin-left: -15px;
    font-size: .9em;
}
#rightBar h4
{
    font-size: 1em;
    font-weight: bold;
    margin: 0 7px;
    padding: 0;
}
#rightBar ul
{
    margin: 0 0 0 0;
    padding: 0 0 15px 35px;
}
#rightBar a
{
    text-decoration: none;
}
#rightBar a:hover
{
    text-decoration: underline;
}
#randomTestimonial ul
{
    float: left;
    font-style: italic;
    width: 160px;
    margin-left: -20px;
    padding-right: 20px;
    color: #999999;
}
#randomTestimonial li
{
    list-style-type: none;
    padding-top: 5px;
    font-size: 12pt;
}
#quickContact
{
    float: left;
    width: 180px;
    margin: 0;
    background-image: url(images/menu_item_normal_bg.png);
    background-position: left top;
    background-repeat: repeat-y;
    color: #ECE5D5;
    font-size: .8em;
    font-weight: bold;
}
#quickContactTop
{
    background-image: url(images/menu_top_bg.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
}
#quickContactBottom
{
    background-image: url(images/menu_bottom_bg.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 16px;
}
#quickContactText
{
    margin: 15px 0 0 15px;
    display: block;
}
#quickContactText h3
{
    margin-bottom: 0;
}
#quickContactText p
{
    margin: 0;
    font-size: .7em;
    color: #666666;
}
.quickContact, .btn_formSubmit
{
    margin-left: 15px;
}
.quickContact dd
{
    margin-left: 0;
}
#content .button
{
    background: #968e7c;
    color: #ECE5D5;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    margin: 10px;
    padding: 10px;
    text-decoration: none;
    border: solid 2px #ECE5D5;
    text-align: center;
}
#content .button:hover
{
    background: #736a59;
}
/* WEB_FORMS ---------------- */
div#content table.web_form
{
    padding-top: 3ex;
}
div#content table.web_form td.req_field_cell
{
    color: Red;
    font-weight: bold;
}
div#content table.web_form td.label_cell
{
    font-weight: bold;
}
div#content table.web_form input
{
    clear: both;
    display: block;
    float: left;
}
div#content table.web_form label
{
    display: block;
    float: left;
}
div#content table.web_form tr
{
    padding-top: 1ex;
    padding-bottom: 1ex;
    border-bottom: 1px solid #978F7C;
}
.qc_web_form
{
    border: solid 2px #978F7C;
    float: right;
    padding: 7px;
    text-align: center;
    margin: 17px;
}
fieldset
{
    padding: 7px;
    margin: 1em;
}
legend
{
    font-weight: bold;
}
.checkbox li
{
    list-style-type: none;
}


/****************************************** footer ******************/
#footer
{
    clear: both;
    text-align: center;
    color: #978F7C;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    font-size: 0.8em;
    font-weight: bold;
    background-color: White;
}
.footerCenter
{
    text-align: center;
}
.a8bImg
{
    border: none;
}
.center
{
    text-align: center;
}

