* { margin: 0; padding: 0; }
html a:active { outline:none;}
:focus {-moz-outline-style: none;}
body { background-color: #05293f; background-image: url(/images/shared/bg.jpg); background-repeat: repeat-x; text-align: center; height: 100%; margin: 0 auto; padding: 0; }
#wrap { background-image: url(/images/shared/wrap-bg.jpg); background-repeat: repeat-y; background-position: center 0; text-align: left; width: 878px; height: 100%; margin: 0 auto; padding: 0; }
#upper_bg { background-image: url(/images/shared/container-bg.jpg); background-repeat: no-repeat; width: 878px; }
#wrapper { width: 100%; min-height:100%; height: auto !important; height: 100%; z-index:1; margin: 0; padding: 0; }
p { }
td { margin: 0; padding: 0; }
a:link { color: #1f755a; text-decoration: underline; }
a:visited { color: #1f755a; text-decoration: underline; }
a:hover { color: #a2a8d2; text-decoration: none; }
a:active { color: #a2a8d2; text-decoration: none; }
#main { text-align: center; }
#page { background-image: url(/images/shared/content_bg.gif); background-repeat: repeat-y; text-align: center; width: 878px; height: 700px; }
#header { text-align: center; width: 878px; height: 125px; clear: both; }
#header_2 h1 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-indent: -10000px; }
#header_2 { text-align: center; width: 878px; height: 115px; clear: both; padding-bottom: 10px; }
#header h1 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-indent: -10000px; }
#base { background-image: url(/images/shared/footer-bg.jpg); background-repeat: no-repeat; background-position: 50% 0; width: 878px; height: 75px; clear: both; margin-top: 20px; }
#top_nav { color: #fff; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; width: 375px; float: right; margin-top: -25px; }
#top_nav li { margin: 0; padding: 0 3px; list-style-type: none; display: inline; }
#top_nav a { color: #fff; text-decoration: none; }
#top_nav a.visited { color: #fff; text-decoration: none; }
#top_nav a:hover, #nav a.active { color: #a2a8d2; text-decoration: underline; }
#top_nav .t-page a { color: #a2a8d2; text-decoration: underline; }
/* ----main navigation------------------------------ */
#nav { font-size: 11pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; width: 878px; list-style: none; height: 32px; margin: -50px 0 0 0; padding: 0; display: block; }
#nav li { color: #a2a8d2; margin: 0; list-style: none; padding: 0;
;display: inline; }
#nav a, #nav a:visited { text-decoration: none; color: #a2a8d2; line-height: 1em; font-weight: bold; padding: 7px; }
#nav a:hover, #nav a.active { color: #fff; text-decoration: none; }
#nav a.notactive {
}
/* sub nav */
#sub_nav { text-align: left; position: relative; margin: -1px 0 0 7px; list-style: none; padding: 0; display: block; }
#sub_nav ul { background-color: #000; width: 195px; margin-left: -5px; padding: 1px; border: solid 1px #3d566d; }
#sub_nav li { color: #fff; font-size: 8pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(/images/shared/nav_bg.jpg); background-repeat: repeat-x; height: 28px; margin: 0; list-style: none; padding: 0;
;display: block; }
#sub_nav a { color: #fff; font-size: 8pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; line-height: 2.25em; padding: 7px 13px 7px 7px; }
#sub_nav a:hover, #nav a.active { color: #a2a8d2; text-decoration: underline; }
#sub_nav .t-page a { color: #a2a8d2; text-decoration: underline; }
.subsub { margin-left: 25px; }
blockquote { margin-top: 10px; }
/* currentlink */
#nav li.t-page a { color: #fff; text-decoration: underline; }
/* home page content divs */
#main_box { position: relative; width: 878px; margin-top: 20px; margin-left: 11px; }
#main_box h2 { color: #a2a8d2; font-size: 18pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 26pt; background-image: url(/images/shared/title_bg.jpg); background-repeat: repeat-x; text-indent: 15px; width: 832px; height: 44px; clear: both; margin-left: 12px; }
#main_left { width: 230px; float: left; margin-left: 10px; }
#creekside_left { background-image: url(/images/creekside/left_creekside.gif); background-repeat: no-repeat; background-position: 0 top; margin-left: 10px; width: 230px; height: 100%; float: left; }
#map_left { background-image: url(/images/map/left_map.gif); background-repeat: no-repeat; background-position: 0 top; margin-left: 10px; width: 230px; height: 100%; float: left; }
#login_left { background-image: url(/images/login/left_login.gif); background-repeat: no-repeat; background-position: 0 top; margin-left: 10px; width: 230px; height: 100%; float: left; }
#quality_left { background-image: url(/images/quality/left_quality.gif); background-repeat: no-repeat; background-position: 0 top; margin-left: 10px; width: 230px; height: 100%; float: left; }
#service_left { background-image: url(/images/service/left_service.gif); background-repeat: no-repeat; background-position: 0 top; margin-left: 10px; width: 230px; height: 100%; float: left; }
#contact_left { background-image: url(/images/contact/left_contact.gif); background-repeat: no-repeat; background-position: 0 top; margin-left: 10px; width: 230px; height: 100%; float: left; }
#contact_info { font-size: 80%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; position: relative; }
#bwf_left { background-image: url(/images/bwf/left_bwf.gif); background-repeat: no-repeat; background-position: 0 top; margin-left: 10px; width: 230px; height: 100%; float: left; }
#productspecs_left { background-image: url(/images/productspecs/left_productspecs.gif); background-repeat: no-repeat; background-position: 0 top; margin-left: 10px; width: 230px; height: 100%; float: left; }
#page_left { margin-left: 10px; width: 230px; height: 100%; float: left; }
#wdwo_left { background-image: url(/images/wdwo/left_wdwo.gif); background-repeat: no-repeat; background-position: 0 top; margin-left: 10px; width: 230px; height: 100%; float: left; }
#wdyn_left { background-image: url(/images/wdyn/left_wdyn.gif); background-repeat: no-repeat; background-position: 0 top; margin-left: 10px; width: 230px; height: 100%; float: left; }
.brandingbox { color: #a2a8d2; font-size: 14pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-image: url(/images/shared/title_bg.jpg); background-repeat: repeat-x; height: 44px; padding: 7px 20px 13px; }
#left_img { background-color: #000; margin-top: -30px; margin-left: 2px; padding: 1px; border: solid 1px #3d566d; }
#main_text { color: #fff; font-size: 10pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left; width: 420px; float: left; margin-left: -10px; }
#main_text p { padding-bottom: 10px; }
#main_text h2 { color: #005831; font-size: 2em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 0.83em 0; }
#page_text { color: white; font-size: 10pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left; width: 620px; float: left; margin-left: -35px; padding-bottom: 20px; padding-left: 20px; }
#page_text ul, ol{ display: block; margin-left: 15px; margin-top: -5px; margin-bottom: 15px; }
#page_text li { margin-left: 10px; }
#page_text h2 { color: #005831; font-size: 2em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 0.83em 0; }
#page_text p { margin-top: 0; padding-bottom: 20px; }
#page_main_img { background-color: #e0e0e0; background-position: center; width: 149px; height: 99px; margin-right: 10px; margin-bottom: 10px; padding: 3px; }
.page_img { background-color: #2d3f50; background-position: center; margin: 5px 10px 10px; padding: 3px; border: solid 1px #3d566d; }
#right_div { background-image: url(/images/home/right_div.gif); background-repeat: no-repeat; width: 21px; height: 660px; float: left; }
#faq { margin-top: -25px; }
#faq ul { list-style-image: url(/images/shared/bullet.gif); }
#faq li { margin-bottom: 3px; }
hr { color: #a2a8d2; background-color: #a2a8d2; width: auto; margin-right: 15px; margin-bottom: 10px; border-style: solid; }
/* Home Page Right */
#main_right { text-align: center; width: 170px; height: 660px; float: left; margin-left: 10px; padding-right: 10px; padding-left: 10px; border-left: 1px solid #a2a8d2; }
#main_right h2 { color: #a2a8d2; font-size: 1em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(/images/shared/title_bg.jpg); background-repeat: repeat-x; text-indent: -5px; width: 180px; height: 44px; margin-left: -5px; }
#main_right ul { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin-left: 20px; }
#main_right li { padding-bottom: 10px; }
#main_right li a, #main_right li a:visited { color: #1f755a; text-decoration: underline; }
#main_right li a:hover, #main_right li a:active { color: #a2a8d2; text-decoration: none; }
/* Home Icons */
#home_links { list-style-type: none; display: block; }
#home_links li { display: inline; }
#home_links li a { text-align: center; text-indent: -10000px; height: 70px; list-style-type: none; display: block; }
#home_links #bb_link a { background-image: url(/images/home/bb_logo.gif); background-repeat: no-repeat; top: 0; width: 176px; height: 70px; }
#home_links #ibwa_link a { background-image: url(/images/home/ibwa_logo.gif); background-repeat: no-repeat; top: 70px; width: 176px; height: 70px; }
#home_links #ou_link a { background-image: url(/images/home/ou_logo.gif); background-repeat: no-repeat; top: 140px; width: 176px; height: 70px; }
#home_links #smc_link a { background-image: url(/images/home/smc_logo.gif); background-repeat: no-repeat; top: 210px; width: 176px; height: 70px; }
/* Other Pages Right */
#about_right { background-image: url(/images/about/about_bg.jpg); background-repeat: no-repeat; background-position: right top; width: 121px; height: 470px; float: left; margin-top: 0px; margin-right: 0; }
#quality_right { background-image: url(/images/quality/quality_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#contact_right { background-image: url(/images/contact/contact_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#map_right { background-image: url(/images/map/map_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
/* What Do We Offer */
#stores_right { background-image: url(/images/wdwo/stores_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#private_right { background-image: url(/images/wdwo/private_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0; margin-right: 0; width: 121px; height: 470px; float: left; }
#groups_right { background-image: url(/images/wdwo/groups_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0; margin-right: 0; width: 121px; height: 470px; float: left; }
#offer_right { background-image: url(/images/wdwo/offer_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0; margin-right: 0; width: 121px; height: 470px; float: left; }
#offercopack_right { background-image: url(/images/wdwo/coPack_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#licensed_right { background-image: url(/images/wdwo/licensed_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#login_right { background-image: url(/images/login/login_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
/* What Do You Need */
#need_right { background-image: url(/images/wdyn/need_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#info_right { background-image: url(/images/facts/info_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#process_right { background-image: url(/images/quality/process_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#plw_right { background-image: url(/images/wdyn/plw_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#needcopack_right { background-image: url(/images/wdyn/needcopack_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#sources_right { background-image: url(/images/facts/sources_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#needfaq_right { background-image: url(/images/wdyn/faq_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
/* Service Solutions */
#servstores_right { background-image: url(/images/service/servstores_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#ssprivate_right { background-image: url(/images/service/ssprivate_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#sscopack_right { background-image: url(/images/service/sscopack_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
/* Product Specs */
#specs_right { background-image: url(/images/productspecs/specs_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 0; width: 121px; height: 470px; float: left; }
#prod_specs_text ul { margin-top: -15px; list-style-type: none; }
#prod_specs_text li { margin-left: 10px; }
/* Facts */
#factsfaq_right { background-image: url(/images/facts/faq_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0; margin-right: 0; width: 121px; height: 470px; float: left; }
#travel_right { background-image: url(/images/facts/travel_bg.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0; margin-right: 0; width: 121px; height: 470px; float: left; }
#travels_img { margin-left: 75px; }
/* Individual Page Controls */
.clear { clear: both; }
h2 { color: #005831; font-size: 3em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 0.83em 0; }
.footnote { color: #a2a8d2; font-style: italic; }
.footnote_in { color: #a2a8d2; font-style: italic; padding-left: 15px; }
.footnote_bold { color: #a2a8d2; font-weight: bold; font-style: italic; }
.title { color: #a2a8d2; font-size: 12pt; font-weight: bold; }
/* Footer */
#footer { color: #fff; font-size: 10px; font-family: verdana; text-align: left; width: 878px; margin-left: 15px; padding-top: 15px; border-top-width: 25px; }
#footer a:link { color: #a2a8d2; text-decoration: none; }
#footer a:visited { color: #a2a8d2; text-decoration: none; }
#footer a:hover { color: #1f755a; text-decoration: underline; }
#footer a:active { color: #1f755a; text-decoration: underline; }
#bbb { float: right; margin-right: 27px; }
/* Contact Form */
form { width: 475px; margin-top: 30px; }
#contact_form { margin-top: -25px; }
fieldset {
padding: 15px 25px;
border: none;
}
input.input { width: 400px; margin-bottom: 8px; padding: 6px 8px 5px; font-size: 13px; border: solid 1px #e6e3d7; color: #666; font-family: inherit; font-weight: inherit; font-style: inherit;f;line-height: inherit; background-color: #fff; ont-variant: inherit; }
input.input:focus { color: #333; background: #ccc; }
textarea { height: 150px; width: 400px; padding: 5px 8px; font-size: 13px; border: solid 1px #e6e3d7; color: #666; font-family: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; font-variant: inherit; background-color: #fff; }
textarea:focus { color: #333; background: #ccc; }
label {
padding-bottom: 15px;
font: 14px/22px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
color: #a2a8d2;
}
label em {
font-size: 11px;
color: #0075b0;
}
#login_form { width: 300px; margin-top: -10px; }
#login_form input.input {
width: 200px;
margin-bottom: 8px;
padding: 6px 8px 5px;
font: inherit;
font-size: 13px;
border: 1px solid #e6e3d7;
color: #666;
}
#login_form input.input:focus { color: #333; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
p#note { width: 300px; margin-bottom: 0; padding-top: 10px; font-size: 10pt; color: #1f755a; font-family: Georgia, serif; padding-left: 10px; }
p#error { color: #f00; font-size: 10pt; font-family: Georgia, serif; margin-bottom: 0; padding-top: 10px; padding-left: 10px; width: 300px; }
#contact-info { color: #fff; font-size: 9pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-top: 20px; }
#contact-info a#c-email { color: #1f755a; font-size: 9pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
#contact-info a#driving-directions { height: 24px; width: 165px; display: block; text-indent: -9999px; background: url(/images/contact/driving-directions.gif) no-repeat; margin-top: 10px; border: none; }
#failure-message {
width: 400px;
height: 24px;
margin-top: 18px;
padding: 4px 0 0 35px;
font: 14px/22px Georgia, serif;
color: #005831;
}
#success-message { padding-top: 0; line-height: 23px; background-image: url(/images/contact/check-icon.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
#failure-message { padding-top: 0; line-height: 23px; background-image: url(/images/contact/alert-icon.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
/* Site Map */
#maplist_left { width: 320px; float: left; }
#maplist_right { width: 242px; float: right; }
.maplist_title a { color: #a2a8d2; font-size: 10pt; font-weight: bold; text-decoration: none; }
.maplist_title a:hover { color: #a2a8d2; text-decoration: underline; }
.maplist_sub ul { margin-top: -15px; list-style-type: none; display: block; }
.maplist_sub li { margin-bottom: 10px; list-style-type: none; }
.maplist_sub li a { color: #fff; font-size: 8pt; text-decoration: underline; }
.maplist_sub li a:hover { color: #1f755a; text-decoration: none; }
/* Product Table */
.col_one { text-align: center; float: left; width: 88px; padding-top: 10px; }
.col_two { text-align: center; float: left; width: 98px; padding-top: 10px; }
.col_three { text-align: center; float: left; width: 98px; padding-top: 10px; }
.col_four { text-align: center; float: left; width: 98px; padding-top: 10px; }
.col_five { text-align: center; float: left; width: 98px; padding-top: 10px; }
.left_col { float: left; text-align: right; width: 114px; padding-bottom: 5px; }
#table_house { width: 600px; }
#table_house hr { width:570px; margin-top: 5px; }