/* KOSDOWN STYLE SHEET */
body { margin: 0; padding: 0; font: 11px/16px Verdana,Arial,sans-serif; color: #333; background-color: #F6F6F6 }
h1 { font: 28px/32px Helvetica; margin: 10px 0 8px 0; padding: 0; letter-spacing: -1px }
h2 { font: 14px/20px Helvetica; margin: 0 0 4px 0; padding: 0; font-weight: bold; letter-spacing: -0.1px }
h3 { font: 12px/15px Verdana; margin: 0 0 12px 0; padding: 0; font-weight: bold; letter-spacing: -0.1px }
p { margin: 0 0 9px 0; padding: 0 }
p { margin: 0 0 9px 0; padding: 0 }
a { color: #4EBBE7; padding-bottom: 1px; background: url('../images/link_bg.png') repeat-x 0 bottom; text-decoration: none }
a:hover { color: #4EBBE7; background: none }
a img { background: none }
a.nobackground { background: none }
img { border: none }
div { margin: 0; padding: 0; position: relative; overflow: hidden }
fieldset,form { margin: 0; padding: 0; overflow: hidden }
fieldset { border: none }
input.text, input.input-text { padding: 3px 0 2px 3px; border: 1px solid #BEBEBE; font: 11px/13px Verdana,Arial,sans-serif; color: #222 }
input.file, input.input-file { padding: 3px 0 2px 3px; border: 1px solid #BEBEBE; font: 11px/13px Verdana,Arial,sans-serif; color: #222 }
textarea.ta, textarea.input-textbox { padding: 3px 0 2px 3px; border: 1px solid #BEBEBE; font: 11px/13px Verdana,Arial,sans-serif; color: #222 }
div.filebtn input.file, div.formPair input.input-file { cursor: pointer }
.button { border: none }

/* generic input styles */
input.text,textarea.ta,input.file,
input.input-text,textarea.input-textbox,input.input-file { width: 200px; background: #FAFAFA url('../images/footer_field_bg.png') no-repeat 0 0; color: #666 }
textarea.ta,textarea.input-textbox { height: 120px }
.formrow,.formPair { clear: left; margin-bottom: 8px; height: 100% }
div.buttons { margin-left: 160px; padding: 0 }

#wrapper { width: 100%; background: #FFF url('../images/bg.png') repeat-x 0 0 }
#main,#footercontainer { width: 820px; margin: 0 auto }
#main { margin-bottom: 10px }
div.contentfooter { clear: both; padding-top: 30px }
#header { height: 320px }
#noflashtext { position: relative }
#noflashtext .desc { position: absolute; padding: 6px; border: 1px solid red; top: 0; left: 0 }
#noflashtext img { position: relative }
#navigation { padding: 0; margin: 0 }

#menu { width: 500px; margin: 2px 0 0 0; height: 34px; padding: 0; float: left; list-style: none; overflow: hidden }
#menu li { float: left; margin: 0; padding: 0; list-style: none }
#menu li.divider { width: 2px }
#menu a { height: 32px; display: block; margin: 0; line-height: 30px; background: transparent url('../images/menu_item_states.png') repeat-x -2px 0; text-align: center }
#menu a:hover { background-position: -2px -38px; color: #FFF }
#menu a.selected { color: #111 }
#menu_home { width: 66px }
#menu_home.selected { background: transparent url('../images/menu_item_states.png') repeat-x -2px -38px }
#menu_services { width: 160px }
#menu_services.selected { background: transparent url('../images/menu_item_states.png') repeat-x -2px -38px }
#menu_web { width: 90px }
#menu_web.selected { background: transparent url('../images/menu_item_states.png') repeat-x -2px -38px }
#menu_quote { width: 94px }
#menu_quote.selected { background: transparent url('../images/menu_item_states.png') repeat-x -2px -38px }
#menu_contact { width: 68px }
#menu_contact.selected { background: transparent url('../images/menu_item_states.png') repeat-x -2px -38px }

#subnav { clear: both; width: auto }
#subnav ul { width: 815px; height: 28px; list-style: none; margin: 0; padding: 0 0 0 5px; background: #000000 url('../images/subnav_bg.png') repeat-x 0 0; font-size: 10px }
#subnav li { float: left; margin-right: 5px; list-style: none; color: #7388A7; line-height: 26px; overflow: hidden }
#subnav a { display: block; color: #FFF; text-decoration: none; background: none }
#subnav a:hover { color: #49B6E4; }
#subnav a.selected { color: #49B6E4 }

#content { height: 100% }
#leftcol { float: left; width: 585px; margin-right: 15px }
.col1 { float: left; width: 152px; margin: 0 15px 0 0 }
.col1 p { display: none }
/* bg LHS images */
.passion { background: url('../images/ink_heart.png') no-repeat 0 0 }
.twentyfour { background: url('../images/ink_clock.png') no-repeat 0 0 }

.col2 { float: left; width: 418px }
.mainImage {  }
/* #rightcol { float: left; width: 208px; background: url('../images/rightcol_bg.png') repeat-x 0 0; padding: 20px 6px 0 6px; color: #444 } */
#rightcol { float: left; width: 208px; padding: 20px 6px 0 6px; background: url('../images/rightcol_bg_v2.png') no-repeat 0 0 }
.contentBlock { margin: 0 0 4px 0 }
#quick_contact label { display: block }
#quick_contact .text, #quick_contact .ta { background: #FAFAFA url('../images/footer_field_bg.png') no-repeat 0 0; }
#quick_contact .text { clear: left; width: 190px; height: 14px; margin-bottom: 2px; color: #666 }
#quick_contact .ta { clear: left; width: 190px; height: 60px; margin-bottom: 2px; color: #666 }
#quick_reset,#quick_submit { border: none; line-height: 500px }
#quick_reset { cursor: pointer; float: left; width: 64px; height: 20px; background: url('../images/btn_reset.png') no-repeat 0 0; text-indent: -1000px }
#quick_reset:hover { background-position: 0 -20px }
#quick_submit { cursor: pointer; float: left; width: 64px; height: 20px; margin-right: 6px; background: url('../images/btn_submit.png') no-repeat 0 0; text-indent: -1000px }
#quick_submit:hover { background-position: 0 -20px }
#quick_contact label.error { clear: left; width: auto; font-size: 10px }
#contactDetails { float: right; line-height: 33px; font-size: 10px; color: #666 }
/* #contactDetails a { color: #4EBBE7; background: none  } */

.readmore { float: left; clear: left; margin: 8px 0 8px 0 }

#footer { width: 100%; height: 100%; padding-top: 8px; background: #F6F6F6 url('../images/footer_top_bg.png') repeat-x 0 0; font-size: 10px; line-height: 14px; color: #222 }
#address { margin: 0 0 12px 0; width: 400px; float: left }
#address p { clear: left }
#bottomlinks { margin: 0 0 8px 0; padding: 0 }
#bottomlinks ul{ text-align: center; margin: 0; padding: 0; list-style: none }
#bottomlinks li { float: left; margin-right: 6px }
#bottomlinks li.bldivider { color: #999 }
#newsletter { width: 400px; float: right; text-align: right }
#newsletter a { padding: 4px 32px; text-decoration: none; background: none; background-color: #4EBBE7; border: 1px solid #4EBBE7; color: #FFF; line-height: 30px }
#newsletter a:hover { background-color: #FFF; color: #222 }
#newsletter fieldset { float: right }
#newsletter label { margin-right: 6px; padding-top: 3px; float: left }
#newsletter .text { float: left; margin-right: 8px }
#newsletter .text { width: 120px; height: 13px; background: url('../images/footer_field_bg.png') no-repeat 0 0; font: 10px/13px Verdana,Arial,sans-serif }
#newsletter .button { cursor: pointer; width: 54px; height: 20px; background: url('../images/news_btn_submit.png') no-repeat 0 0 }
#newsletter .button:hover { background-position: 0 -20px }
#disclaimer { clear: both; margin-top: 50px; color: #AAA; padding-bottom: 20px }
#newsletter .formrow { float: right }

/* CONTENT/PAGE SPECIFIC STYLES */
.note { font-size: 10px; color: #888 }
.error { color: #D80000 }
#contactform { margin-bottom: 20px }
#contactform label { width: 130px; float: left; clear: left }
#contactform .text,#contactform .ta, #webupload input.input-text, #webupload textarea.input-textbox
 { background: url('../images/footer_field_bg.png') no-repeat 0 0; }
#contactform .text, #webupload input.input-text { float: left; width: 200px }
#contactform .ta { float: left; width: 200px; height: 110px; margin-bottom: 8px }
#contactform .buttongroup { clear: left; margin-left: 130px }
#contact_reset,#contact_submit, #webupload #submit { border: none; line-height: 500px }
#contact_reset { cursor: pointer; float: left; width: 64px; height: 20px; background: url('../images/btn_reset.png') no-repeat 0 0; text-indent: -1000px }
#contact_reset:hover { background-position: 0 -20px }
#contact_submit, #webupload #submit { cursor: pointer; float: left; width: 64px; height: 20px; margin-right: 6px; background: url('../images/btn_submit.png') no-repeat 0 0; text-indent: -1000px }
#contact_submit:hover, #webupload #submit:hover { background-position: 0 -20px }

/* quote form styles */
option { background-color: #FFF; color: #444; padding: 3px 0 2px 10px; font-size: 11px }

#quoteform label { float: left; width: 155px; margin: 0 5px 0 0; text-transform: lowercase }
#quoteform label.tip { background: url('../images/tip_icon.png') no-repeat 140px center }
#quoteform label.tip:hover { cursor: help }
#quoteform select { height: 22px; width: 205px; font-size: 11px; border: 1px solid #BEBEBE; background: url('../images/footer_field_bg.png') no-repeat 0 0; color: #666 }
#quoteform select.short { width: 75px }
#quoteform fieldset { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #BBB }
#quote_reset,#quote_submit { float: left; border: none; line-height: 500px }
#quote_reset { cursor: pointer; width: 64px; height: 20px; background: url('../images/btn_reset.png') no-repeat 0 0; text-indent: -1000px }
#quote_reset:hover { background-position: 0 -20px }
#quote_submit { cursor: pointer; width: 64px; height: 20px; margin-right: 6px; background: url('../images/btn_submit.png') no-repeat 0 0; text-indent: -1000px }
#quote_submit:hover { background-position: 0 -20px }
#quoteform .otheroption { clear: left; margin: 0 0 8px 168px; background: url('../images/arrow_other.png') no-repeat 0 0 }
#quoteform .otheroption div { padding: 9px 0 0 18px }
#quoteform .otheroption label { width: 80px; margin: 0 8px 0 0; padding: 2px 0 0 0; color: #4EBBE7 }
#quoteform .otheroption .text { width: 86px; margin: 0 10px 0 0 }
span.reqstar { color: #4EBBE7 }

#webupload label { float: left; width: 155px; margin: 0 5px 0 0; text-transform: lowercase }
#webupload input.text { float: left }
#webupload  p.note {float: left; width: 155px; clear: left;}
#webupload #submit { margin-left: 155px;}


/* INPUT validation error */
#quoteform label.error,#contactform label.error,#webupload label.error { clear: left; width: auto; margin: 2px 0 0 160px; font-size: 10px }
#quoteform .otheroption label.error { clear: left; width: auto; margin: 2px 0 0 88px; font-size: 10px; color: red }
#contactform label.error { margin-left: 130px }
input.error { border: 1px solid red; color: #222 }
textarea.error { border: 1px solid red; color: #222 }

#tooltip { position: absolute; width: 220px; z-index: 3000; background-color: #AEE3F8; color: #000; padding: 5px; opacity: 0.95 }
#tooltip h3, #tooltip div { margin: 0; padding: 0; font-size: 11px; font-weight: normal }

/* styles for web upload form */
.addpadding { padding-bottom: 150px }

/* specific styles for contact form */
.bluetext { color: #4EBBE7; font-weight: bold }
.bluetextnormal { color: #4EBBE7 }

#quoteform fieldset.nobottomborder { border: none }

/* FSC campaign styles */
#fsc { margin: 10px 0 0 0 }
#fsctitle { margin-bottom: 10px }

.ui-tabs-hide { display: none }

#theTabs { clear: left; list-style: none; margin: 10px 0 20px 0; padding: 0; overflow: hidden }
#theTabs li { list-style: none; float: left; margin: 0; padding: 0 }
#theTabs a { display: block; text-decoration: none; background: none }
/* #theTabs a:hover { opacity: .6 } */
#tabcontent { clear: both; margin-left: 15px; overflow: hidden; font-size: 11px; line-height: 18px }
#tabcontent img { margin-bottom: 8px }
li.ui-tabs-selected a { color: #000 }
a#tab_1_btn { width: 94px; height: 106px; background: url('../images/fsc_tab1_states.png') no-repeat 0 0; text-decoration: none; }
a#tab_1_btn:hover { background-position: 0 -107px }
li.ui-tabs-selected a#tab_1_btn { background-position: 0 -214px }
a#tab_2_btn { width: 91px; height: 106px; background: url('../images/fsc_tab2_states.png') no-repeat 0 0; text-decoration: none; }
a#tab_2_btn:hover { background-position: 0 -107px }
li.ui-tabs-selected a#tab_2_btn { background-position: 0 -214px }
a#tab_3_btn { width: 90px; height: 106px; background: url('../images/fsc_tab3_states.png') no-repeat 0 0; text-decoration: none; }
a#tab_3_btn:hover { background-position: 0 -107px }
li.ui-tabs-selected a#tab_3_btn { background-position: 0 -214px }
a#tab_4_btn { width: 90px; height: 106px; background: url('../images/fsc_tab4_states.png') no-repeat 0 0; text-decoration: none; }
a#tab_4_btn:hover { background-position: 0 -107px }
li.ui-tabs-selected a#tab_4_btn { background-position: 0 -214px }
a#tab_5_btn { width: 90px; height: 106px; background: url('../images/fsc_tab5_states.png') no-repeat 0 0; text-decoration: none; }
a#tab_5_btn:hover { background-position: 0 -107px }
li.ui-tabs-selected a#tab_5_btn { background-position: 0 -214px }
a#tab_6_btn { width: 90px; height: 106px; background: url('../images/fsc_tab6_states.png') no-repeat 0 0; text-decoration: none; }
a#tab_6_btn:hover { background-position: 0 -107px }
li.ui-tabs-selected a#tab_6_btn { background-position: 0 -214px }
a#tab_7_btn { width: 90px; height: 106px; background: url('../images/fsc_tab7_states.png') no-repeat 0 0; text-decoration: none; }
a#tab_7_btn:hover { background-position: 0 -107px }
li.ui-tabs-selected a#tab_7_btn { background-position: 0 -214px }
a#tab_8_btn { width: 90px; height: 106px; background: url('../images/fsc_tab8_states.png') no-repeat 0 0; text-decoration: none; }
a#tab_8_btn:hover { background-position: 0 -107px }
li.ui-tabs-selected a#tab_8_btn { background-position: 0 -214px }
a#tab_9_btn { width: 95px; height: 106px; background: url('../images/fsc_tab9_states.png') no-repeat 0 0; text-decoration: none; }
a#tab_9_btn:hover { background-position: 0 -107px }
li.ui-tabs-selected a#tab_9_btn { background-position: 0 -214px }

/* site map */
#sitemap {  }
#sitemap li { margin-bottom: 8px }
#sitemap a { color: #333; background: none; text-decoration: underline }
#sitemap a:hover { text-decoration: none }
#sitemap ul { margin: 8px 0 8px 0; padding: 0; overflow: hidden; height: 100% }
#sitemap ul li { margin: 0 0 8px 24px }

/* Link page styles */
.linkcode_div { border: 1px solid #AAA; padding: 5px 8px; background-color: #FFF; font-size: 10px; line-height: 16px  }
.link_code { padding: 5px; border: 1px solid #DDD }
.link_code_hover { padding: 5px; background-color: #F9F9F9; color: #888; border: 1px solid #4EBBE7; cursor: text }

/* promo */
#promo { position: absolute; left: 0; top: 0; z-index: 100; background: transparent url('../images/black_semi_bg.png') repeat 0 0; visibility: hidden}
#promo_content { width: 700px; height: auto; margin: 100px auto; padding: 10px; background-color: #FFF; opacity: 0; }
.closeBtn_container { margin-bottom: 12px; border-bottom: 1px dotted #DFDFDF; height: 28px; text-align: right }
a.close_btn { float: right; background: transparent url('../images/btn_close.png') no-repeat 0 0; width: 17px; height: 16px; display: block }
a.close_btn:hover { background-position: 0 -16px }
a.close_btn span { display: none }
.promo_image { float: left; margin: 0 20px 0 0; width: 253px; text-align: left }
.promo_image a { background: none }
.promo_copy { float: left; width: 405px; padding-left: 15px; border-left: 1px dotted #DFDFDF }