﻿body
{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 100%;
    background-image:url('images/bg.gif');background-repeat:no-repeat;background-position:top left;
}
#container_outer
{
    background: White url(images/nav_bg.jpg) repeat-y left top;
    width: 900px;
    margin: 0px auto;
    display: block;
    line-height: 1.4em;
    font-size: 12px;
}
#container_inner
{
}
/**************************** MISC **************************/
a img
{
    border: none;
}

hr.clear
{
    visibility: hidden;
    margin: 0;
    padding: 0;
    border: none;
    clear: both;
}
.blockImg
{
    display: block;
    margin: 0px auto;
    text-align: center;
}
.img_even
{
    float: left;
    margin: .5em;
}
.img_odd
{
    float: right;
    margin: .5em;
}
.imgCenter
{
	display: block;
	margin: 0 auto;
}
/**************************** header ************************/
#header
{
    background: #ffffff url(images/header_bg_bg.jpg) repeat-x left top;
    height: 149px;
    margin: 0px;
    padding: 0px;
}
#header h1
{
    float: left;
    width: 196px;
    height: 160px;
    margin: 0px;
    padding: 0px;
    background: url(images/nav_top_bg.jpg) no-repeat left top;
}
#header h1 a
{
    width: 100%;
    height: 149px;
}
#header h1 a span
{
    display: none;
}

#info
{
    clear: right;
    font-weight: bold;
    font-style: italic;
    color: #f99501;
}
#info #phone
{
    float: left;
}

#info #tagline
{
    float: right;
}

#header #header_info
{
    color: #f99501;
    font-weight: bold;
    font-style: italic;
    float: right;
    height: 130px;
    margin: 0px;
    padding: 0px;
    width: 604px;
    background: url(images/header_right_bg2.jpg) no-repeat right top;
}
#header #header_info a
{
    color: Black;
}
/**************************** Nav ***************************/
#logo_div
{
    height: 30px;
    background: url(images/nav_top_bg2.jpg) no-repeat left top;
    margin: -14px 0 0 0;
    padding: 0px;
}
#navigation
{
    width: 186px;
    float: left;
    clear: left;
    background: black url(images/nav_bg.jpg) repeat-y left top;
    color: White;
    margin: 0px;
    padding: 0px;
}
#navigation .menu
{
    margin: 0px 15px 0px 30px;
}
#navigation ul
{
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
    padding: 0px;
}
#navigation ul li
{
    margin: 0px;
    padding: 0px;
}
#navigation .menu ul li a
{
    line-height: 20px;
    text-decoration: none;
    color: White;
    display: block; /* this causes the link to act like a div */
    margin: 0px;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    font-weight: bold;
}
#navigation .menu ul li a.sn_item_pressed
{
    background-color: White;
    color: Black;
}
#navigation .menu ul li a:hover
{
    /* menu style when pointer is over item */
    background-color: White;
    color: Black;
}
#confertel_menu
{
    margin: 30px 15px 0px 30px;
}
#confertel_menu_details
{
    margin: 10px 15px 0px 35px;
}

#navigation a.button
{
    background: url(images/button-Small.png) no-repeat top left;
    width: 135px;
    height: 65px;
    color: #ffffff;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 1.3em;
    text-decoration: none;
    line-height: normal;
    padding: 20px 0 0 0;
    margin: 30px 12px 0px 38px;
}

/**************************** Content ***********************/
#content h4, #content strong, #content dt
{
    color: #277800;
}

#content_footer
{
    float: right;
    margin: 0;
    padding: 0px 10px;
    width: 690px;
}
#content
{
    padding: 0;
    margin: 0;
}

#content #page_title
{
    line-height: 26px;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    padding: 10px 0px 14px 32px;
    margin: 0px 0px 12px 0px;
    float: right;
    background: url(images/page_title_bg.jpg) no-repeat left top;
    text-transform: uppercase;
}
.sub_header
{
    clear: right;
    border-bottom: 2px solid #ff9900;
    text-align: center;
}
.sub_header_h4
{
    clear: right;
    border-top: 2px solid #ff9900;
}
.col_alt
{
    float: right;
    width: 48%;
    margin: 0px;
    padding: 0px;
}
.col
{
    float: left;
    width: 48%;
    margin: 0px;
    padding: 0px;
}
#content li
{
    padding-bottom: 1em;
}
.no_bullets li
{
    list-style-type: none;
}
#sub_content
{
    clear: both;
}

#content dt
{
    margin: .5em 0em 0em 0em;
}

#content dd
{
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 1.3em;
}
.quickcontact
{
    float: right;
    width:200px;
}
/**************************** page by page styles ***********/
#catalog
{
}
#splash
{
    /* 447 x 200 */
    margin: 0px auto;
    padding: 0px 40px 0px 175px;
    width: 232px;
    height: 216px;
    background: url(images/yank_splash.jpg) no-repeat left top;
    line-height: normal;
}

#splash h4, #splash p
{
    margin: 0 0 .5em 0;
    font-size: 100%;
}

#coupon
{
    background: url(images/coupon-Background.png) no-repeat top left;
    width: 157px;
    height: 183px;
    text-decoration: none !important;
    text-align: center;
    font-weight: bold;
    padding: 10px 7px;
    font-size: 11px;
    line-height: 1.1em;
    color: #ffffff;
    float: right;
    margin: 0em 8px 10px 8px;
}


#coupon h4, #coupon h5
{
    color: #e0b329;
    font-size: 18px;
    margin: .4em 0px;
}

#coupon a
{
    color: #e0b329;
    text-decoration: none;
}

#coupon h4
{
    line-height: 1em;
    margin-top: 0;
    text-decoration: none;
}
#coupon small
{
    font-size: .7em;
    text-decoration: none;
}

#coupon p
{
    margin: .5em;
    text-decoration: none;
}

#content a.button
{
    background: url(images/button.png) no-repeat top left;
    width: 177px;
    height: 109px;
    color: #ffffff;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 1.6em;
    text-decoration: none;
    line-height: normal;
    padding: 30px 7px 7px 0;
    float: right;
    clear: right;
}

/**************************** footer ************************/
#footer
{
    clear: both;
    background-color: White;
    text-align: center;
    border-top: 2px solid black;
    padding-top: 1em;
    font-size: smaller;
}

.logo
{
    float: left;
    margin: 10px 7px 0 45px;
}

#footer p
{
    clear: left;
}
#footer span
{
    display: block;
}
/** eForm creator ******************************/
#table.web_form td
{
}
.web_form, .form
{
}
.web_form h4, .form h4
{
    /*background-color:#EEEEFF;*/
    padding: 0px;
    margin: 0px;
    line-height: 16px;
    font-size: 14px;
}
.form_row
{
    clear: both; /*border-top:2px solid White;*/
    border-top: 2px solid #ffeeaa;
}
.formquick dt, .formquick dd
{
    float: none;
    width: 50%;
}
.form_col_key, .form_col_val, .form dt, .form dd
{
    float: left;
    width: 50%;
}

.form dt.textarea, .form dd.textarea, .form .btn_formClear, .form .btn_formSubmit
{
    clear: both;
    float: none;
    width: auto;
}

.form_col_keyval
{
    width: 100%;
}
.web_form span
{
    display: block;
}
.form_col_val > div, .form_col_key > div, .form_col_keyval > div
{
    padding: 8px 10px 8px 10px;
    line-height: 22px;
}

/********************confertel page********************/
#confertel h2
{
    line-height: 2.8ex;
    margin-top: 0.6ex;
    margin-bottom: 0.6ex;
}
#confertel .conf_box
{
    width: 25%;
    float: left;
    padding-bottom: 3ex;
}
#confertel .conf_box a, #confertel a
{
    text-decoration: none;
    font-size: 12px;
}
#confertel .conf_box a img
{
    /*border:1px solid #b68602;*/
    border: none;
}
#confertel .conf_box span.title
{
    color: #008800;
    font-weight: bold;
    display: block;
    margin: 0px auto;
    text-decoration: underline;
    line-height: 3.2ex;
}
#confertel .conf_box .text
{
    text-align: left;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    color: Black;
    line-height: 2.6ex;
}
#confertel .left_list
{
    text-align: left;
    float: left;
    color: #000088;
    list-style-image: url(confertel/images/conf_bullet.png);
}
#confertel .right_list
{
    text-align: left;
    float: right;
    color: #000088;
    list-style-image: url(confertel/images/conf_bullet.png);
}
.a8b_mark
{
    float: left;
    margin-left: 202px;
}
.download a
{
    color: #ffffff;
}
.download
{
    width: 150px;
    text-align: center;
    display: block;
    margin-left: 30px;
}
#bling_bar
{
    display: block;
    text-align: center;
    margin-left: 30px;
    padding-top: 30px;
}
