/**
    fairstep.com main site stylesheet
    author : johann loubser, the medium design solutions
    date created : 2007-11-15
*/

/**
    SETUP STYLES
*/
body {
    background: #FFFFFF url(/images/body_bg.gif) repeat-x scroll 0 0;
    font-family: Verdana;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

a:link,
a:visited {
    color: #CD071E;
    font-weight: bold;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

h1 {
    color: #CD071E;
    font-size: 50px;
    font-weight: normal;
    margin: 40px 0 30px 0;
    padding: 0 0 0 0;
}

h2 {
    color: #CE071E;
    font-family: Arial;
    font-size: 25px;
    margin: 0 0 10px 0;
}

h5 {
    color: #004595;
    display: block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 7px 0;
    padding: 0 0 0 0;
}

img {
    border: 0;
}


p {
    color: #000000;
    font-size: 12px;
    line-height: 160%;
    margin: 0 0 20px 0;
}
/**
    CUSTOM LAYOUT STYLES
*/
#top {
    background: transparent url(/images/top_bg.jpg) no-repeat scroll 0 4px;
    height: 178px;
    width: 850px;
}

#top img {
    margin: 0 0 0 37px;
}

#menu {
    background: #FFFFFF url(/images/menu_bg.jpg) no-repeat scroll 0 0;
    float: left;
    font-family: Arial;
    font-size: 18px;
    width: 240px;
}

#menu ul {
    background: transparent url(/images/menu_ul_bg.gif) repeat-y scroll 11px 0;
    list-style-image: none;
    list-style-type: none;
    margin: 0 0 0 27px;
    overflow: hidden;
    padding: 20px 0 0 0;
}

#menu ul li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#menu a:link,
#menu a:visited {
    background: transparent url(/images/menu_link_bg.gif) no-repeat scroll 12px 16px;
    color: #919294;
    display: block;
    font-weight: normal;
    line-height: 31px;
    padding: 0 0 0 42px;
    text-decoration: none;
}

#menu a:hover {
    background: transparent url(/images/menu_hover_bg.gif) no-repeat scroll 0 3px;
    color: #000000;
}

#menu a.active:link,
#menu a.active:visited {
    background: transparent url(/images/menu_hover_bg.gif) no-repeat scroll 0 3px;
    color: #000000;
}

#menu li.sub a:link,
#menu li.sub a:visited {
    font-size: 11px;
    background: transparent url(/images/menu_link_sub_bg.gif) no-repeat scroll 12px 16px;
}

#menu li.sub a.sub_active:link,
#menu li.sub a.sub_active:visited {
    color: #000000;
    font-weight: bold;
}

#menu ul .services_sub,
#menu ul .examples_sub {
    display: none;
}

#menu ul li img {
    margin: 0 0 -5px 11px;
}

#content {
    float: left;
    margin: 0 0 0 0;
    padding: 0 100px 0 30px;
    width: 370px;
}

#content #tab {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 25px;
    font-weight: bold;
    margin: -31px 0 0 -30px;
    padding: 6px 25px 0 30px;
    position: absolute;
    width: auto;
}

#bottom {
    color: #CCCCCC;
    font-size: 8px;
    margin: 40px 0 30px 0;
    width: 400px;
}

#quote #bottom {
    margin-left: 65px;
}

#bottom a:link,
#bottom a:visited {
    color: #CCCCCC;
    font-weight: normal;
    text-decoration: none;
}

#bottom a:hover {
    text-decoration: underline;
}

#bottom a#themedium:link,
#bottom a#themedium:visited {
    font-size: 11px;
    font-weight: bold;
}

#bottom a#themedium:hover {
    color: #999999;
    text-decoration: none;
}

#news {
    background: #D9DADC url(/images/fade_bg.jpg) repeat-x scroll left bottom;
    float: left;
    padding: 10px 10px 60px 10px;
    width: 180px;
}

#news strong {
    display: block;
    font-size: 14px;
    margin: 0 0 5px 0;
}

#news p {
    font-size: 11px;
}

#news div {
    margin: 0 0 5px 0;
    overflow: hidden;
    width: 180px;
}

#news_image {
    background: #FFFFFF url(/images/fade_bg.jpg) repeat-x scroll left bottom;
    float: left;
    padding-bottom: 47px;
}

/**
    QUOTE FORM
*/
#quote_form {
    /*background: #D9DADC url(/images/quote_bg.jpg) no-repeat scroll 20px 20px;*/
    background: #D9DADC url(/images/fade_bg.jpg) repeat-x scroll left bottom;
    background-color: #D9DADC;
    padding: 20px 0 70px 0;
    width: 500px;
}

#quote_form h3 {
    background: #D9DADC url(/images/quote_bg.jpg) no-repeat scroll 20px 0px;
    color: #FFFFFF;
    display: block;
    font-family: Arial;
    font-size: 27px;
    letter-spacing: 0.01ex;
    margin: 0 0 0 0;
    padding: 10px 0 20px 164px;
}

#quote_form h3#thank_you {
    background: none;
}

#quote_form p#mandatory_note {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 155px;
}

#quote_form p#mandatory_note strong {
    color: #CD071E;
}

#quote_form h4 {
    color: #CD071E;
    display: block;
    font-family: Arial;
    font-size: 25px;
    letter-spacing: 0.01ex;
    margin: 0 0 15px 164px;
    padding: 30px 0 0 0;
}

#quote_form fieldset {
    border: 0;
    margin: 0 0 15px 0;
    padding: 0;
}

#quote_form fieldset h5 {
    margin: 0 0 0 164px;
    padding: 0 0 12px 0;
}

#quote_form label {
    color: #000;
    display: block;
    float: left;
    font-size: 13px;
    margin: 0 5px 0 0;
    padding: 7px 5px 0 0;
    text-align: right;
    width: 155px;
}

#quote_form label .required {
    color: #CD071E;
}

#quote_form input {
    border: 0;
    color: #999999;
    float: left;
    font-family: Verdana;
    font-size: 12px;
    margin: 0 0 3px 0;
    padding: 7px 5px 7px 5px;
    width: 290px;
}

#quote_form input.checkbox {
    display: none;
}

#quote_form #printing_options th, 
#quote_form #printing_options td {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    text-align: right;
}

#quote_form #printing_options th {
    text-align: left;
    text-indent: 20px;
    width: 144px;
}

#quote_form #printing_options td {
    height: 24px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

#quote_form #printing_options td.spot_label {
    width: 46px;
}

#quote_form #printing_options td.spot_colour {
    width: 88px;
}

#quote_form #printing_options td.spot_colour input {
    width: 88px;
}

#quote_form div img {
    margin-left: -3px;
}

html>body #quote_form div img {
    margin-left: 0;
}

#services_right {
    background: #D9DADC url(/images/services_right_bg.jpg) no-repeat scroll 0 0;
    float: left;
    margin-top: 31px;
    padding: 169px 0 0 0;
    text-align: center;
    width: 200px;
}

#services_right img {
    border: 4px solid #FFFFFF;
    margin-bottom: 6px;
}

#services_right img:hover,
#services_right a:hover img {
    border: 4px solid #999999;
}

a#submit_quote:link,
a#submit_quote:visited {
    background: transparent url(/images/quote_button.jpg) no-repeat scroll 0 0;
    color: #CF0721;
    display: block;
    font-family: Arial;
    font-size: 25px;
    font-weight: bold;
    height: 44px;
    margin: 10px 0 0 155px;
    padding-top: 12px;
    text-align: center;
    text-decoration: none;
    width: 200px;
}

a#submit_quote:hover {
    background: transparent url(/images/quote_button_hover.jpg) no-repeat scroll 0 0;
}

/**
    NEWS ADMIN CSS
*/
#admin label {
    display: block;
    font-family: Arial;
    font-weight: bold;
    margin: 20px 0 3px 0;
}

#admin button {
    display: block;
    margin: 20px 0 0 0;
    padding: 10px;
}

#admin input {
    width: 200px;
}

#admin select {
    width: 206px;
}

#admin textarea {
    font-family: Verdana;
    font-size: 12px;
    height: 80px;
    width: 300px;
}

#admin #news_detail {
    height: 200px;
}

.examples_panel {
    background: transparent url(/images/example_photo_placeholder.jpg) no-repeat scroll 384px 0;
    padding: 0 200px 20px 0;
    width: 370px;
}

#business_cards_panel {
    background-image: url(/images/example_photo_placeholder.jpg);
}
/* Guy Added */
a.pdf_doc{
 background: transparent url(/images/pdf_document.png) no-repeat scroll 0% 0;
 padding-left:24px;
}