/* ----------------------------------------------------------- Maliban - http://www.malibanbiscuit.com/ Main Stylesheet Basic styling : initial.css IE Hacks : ie_hacks.css ----------------------------------------------------------- */ body { font-size: 80%; color: #333; background: url(../images/body_bk.png) #4C1B1B repeat-x left top;} a, a:link { color: #AF111A; } a:visited { color: #9E2525; } a:hover { color: #E10000; text-decoration: none; } a img { border: 0; } h1, h2, h3, h4 { font-weight: normal; } h2 { font-size: 150%; } h3 { font-size: 120%; } h4 { font-size: 100%; font-weight: bold; } h5 { font-size: 90%; } h6 { font-size: 80%; text-transform: uppercase; font-weight: normal; } code, kbd { font-size: 120%; } dt { font-weight: bold; } /* Helper classes */ .hide { display: none; } .hidden { visibility: hidden; } .clear { clear: both; } .nomar_nopad { margin-bottom: 0; padding-bottom: 0; line-height: 150%; } .no_margin { margin: 0; } hr.hidden { margin: 0; padding: 0; border: 0; height: 1px; } span.explain { border-bottom: #111 1px dotted; } div#wrapper { margin: 0 auto; padding: 0; width: 970px; } div#header { width: 970px; height: 295px; position: relative; background: url(../images/page-header_bk.png) no-repeat left 25px; } body.about div#header { background: url(../images/page-header_bk.png) no-repeat left 25px; } body.products div#header { background: url(../images/page-header_bk_3.png) no-repeat left 25px; } body.news div#header { background: url(../images/page-header_bk_2.png) no-repeat left 25px; } body.business div#header { background: url(../images/page-header_bk_1.png) no-repeat left 25px; } body#home div#header { height: 390px; } body#home div.header_bk_1 { background: url(../images/header_bk_1.jpg) no-repeat left 25px; } body#home div.header_bk_2 { background: url(../images/header_bk_2.jpg) no-repeat left 25px; } body#home div.header_bk_3 { background: url(../images/header_bk_3.jpg) no-repeat left 25px; } body#home div.header_bk_4 { background: url(../images/header_bk_4.jpg) no-repeat left 25px; } body#home div.header_bk_5 { background: url(../images/header_bk_5.jpg) no-repeat left 25px; } body#home div.header_bk_6 { background: url(../images/header_bk_6.jpg) no-repeat left 25px; } div#header div#logo { margin: 0 auto; padding: 0; width: 310px; height: 150px; text-align: center; } div#header div#logo img { width: 310px; height: 150px; float: left; } div#menu-wrapper { width: 970px; height: 35px; position: absolute; bottom: 0; background: url(../images/page-menu_bk.png) no-repeat left top; } body#home div#menu-wrapper { background: url(../images/menu_bk.jpg) no-repeat left top; } ul#menu { margin: 0; width: 970px; text-align: center; list-style: none; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; } body#home ul#menu { margin: 0 0 0 310px; width: 660px; } ul#menu li { margin: 0; padding: 0; display: inline; text-align: center; line-height: 35px; } body#home ul#menu li { float: left; display: block; } ul#menu a { margin: 0; padding: 0 20px; line-height: 35px; color: #F6E497; text-decoration: none; } body#home ul#menu a { float: left; display: block; } ul#menu a:hover { color: #FFF; } ul#menu a.current { color: #FFF; } div#content-wrapper { padding: 0 20px; width: 930px; float: left; background: url(../images/all-content_bk.png) #FFF repeat-y left top; } div#content { float: left; width: 930px; background: url(../images/page-content_bk.jpg) #FFF no-repeat left bottom; } body#page div#content { float: left; width: 930px; min-height: 500px; background: url(../images/page-content_bk.jpg) #FFF no-repeat left bottom; } body#home div#content { float: left; width: 930px; background: url(../images/content_bk.jpg) #FFF no-repeat left top; } div#intro { padding: 20px 35px 30px 485px; float: left; width: 410px; background: url(../images/intro_bk.jpg) no-repeat right bottom; } div#intro p { margin-top: 0; color: #BD8D46; line-height: 150%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: italic; } div#main { padding: 0 20px; width: 640px; float: right; border-left: 1px solid #ECECDA; } body#page div#main { padding: 0 20px; width: 640px; float: right; border-left: 1px solid #ECECDA; min-height: 500px; } div#main h1 { color: #BD8D46; font-family: Georgia, "Times New Roman", Times, serif; line-height: 120%; } ul#news_events { margin: 0; padding: 0; } ul#news_events li { margin: 0; padding: 0; list-style: none; } div#main div.date { margin: 0; } div#sub { padding: 20px 20px 200px 20px; width: 209px; float: left; background: url(../images/sub_bk.jpg) no-repeat right top; } div#sub h2 { margin-top: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 120%; color: #BD8D46; } ul#submenu { margin: 0 0 20px 0; padding: 0; float: left; width: 209px; list-style: none; } ul#submenu li { margin: 0 -20px 0 -20px; padding: 0; float: left; } ul#submenu li a { padding: 0 20px; float: left; width: 210px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 34px; font-size: 14px; text-decoration: none; color: #4C1B1B; } ul#submenu li a.active { color: #B9121B; background: url(../images/submenu_active.png) no-repeat left center; } ul#submenu li a:hover { text-decoration: underline; } div#sub ul#emails { margin: 0; list-style: none; } div#sub ul#emails li { margin: 0; } div#sub ul#emails li a { display: block; text-decoration: none; } div#sub ul#emails li a:hover { text-decoration: underline; } a#rss_feed_link { padding: 0 20px 10px 50px; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-decoration: none; color: #4C1B1B; background: url(../images/feed_large.gif) no-repeat left top; line-height: 120%; } a#rss_feed_link:hover { text-decoration: underline; } div.products { border-bottom: 1px solid #ECECDA; } div#main h2 { color: #B9121B; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } div#content div.products h3 { color: #9E7638; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-size: 90%; letter-spacing: 1px; } div.products dl { font-size: 85%; } div.products dl dt { margin: 0; color: #4C1B1B; } div.products dl dd { margin: 0 0 10px 0; } img.product_image { float: left; } div.product_detail { margin-left: 20px; float: left; width: 330px; } table.product_factor { border-collapse: collapse; color: #000; } table.product_factor td { padding: 3px 10px; border: 1px solid #F6E497; } table.product_factor td.colored { background-color: #FFC; width: 95px; } table.product_factor td.values { text-align: center; } table.product_factor td.top-border { border-left: none; border-top: none; } div.product_category { margin-bottom: 20px; float: left; width: 320px; height: 270px; text-align: center; } div#main div.product_category h2 { margin-bottom: 0; color: #4C1B1B; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } div#main div.product_category h2 a { color: #4C1B1B; text-decoration: none; } div#main div.product_category h2 a:hover { color: #7C2C2C; text-decoration: underline; } div.product_category p { margin-top: 0; color: #9E7638; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; } div.product_category p a { color: #9E7638; text-decoration: none; } div.product_category p a:hover { text-decoration: underline; } div#highlights-wrapper { margin: 0 20px; float: left; width: 930px; background: url(../images/highlights-wrapper_bk.png) transparent no-repeat left bottom; } body#page div#highlights-wrapper { background: url(../images/page_highlights-wrapper_bk.png) transparent no-repeat left bottom; } div#highlights { float: left; background: url(../images/highlights_bk.png) repeat-x left top; } div.highlight { margin: 0 10px 0 0; padding: 0 0 0 10px; width: 290px; float: left; background: url(../images/highlight_bk.png) no-repeat left top; } div.page_highlight { margin: 0 10px 0 0; padding: 0 0 0 10px; width: 445px; float: left; background: url(../images/highlight_bk.png) no-repeat left top; } div.first-highlight { background-image: none; } div.highlight h2 { margin-top: 10px; color: #4C1B1B; font-family: Georgia, "Times New Roman", Times, serif; line-height: 100%; } div.highlight h3 { margin: 1.5em 0 0 0; font-size: 120%; color: #F6E497; font-weight: bold; } div.highlight h3 a { color: #F6E497; text-decoration: none; } div.highlight h3 a:hover { text-decoration: underline; } div.highlight p { margin: 0; color: #FFF; } div.highlight p a, div.highlight p a:visited { color: #F6E497; text-decoration: none; } div.highlight p a:hover { text-decoration: underline; } div.highlight ul { margin: 0; list-style: none; } div.highlight ul li { margin: 0; padding: 5px 0 5px 0; width: 145px; color: #F6E497; float: left; font-weight: bold; } div.highlight ul li a { color: #F6E497; font-weight: bold; font-size: 120%; line-height: 90%; text-decoration: none; } div.highlight ul li a:hover { text-decoration: underline; } div.highlight ul#emails { margin: 0; list-style: none; } div.highlight ul#emails li { margin: 0; float: none; width: auto; } div.highlight ul#emails li a { color: #F6E497; display: block; font-weight: bold; font-size: 120%; text-decoration: none; } div.highlight ul#emails li a:hover { text-decoration: underline; } div#footer { margin: 0 20px 20px 20px; padding: 20px 0 0 0; float: left; width: 930px; background: url(../images/footer_bk.png) no-repeat left top; } body#page div#footer { background: url(../images/page_footer_bk.png) no-repeat left top; } div.contact-method { margin: 10px 10px 20px 10px; float: left; width: 290px; } div.contact-method p { margin: 0; color: #FFF; } div.contact-method p strong { margin: 0; color: #FFF; font-size: 110%; font-weight: bold; } div.contact-method p a, div.contact-method p a:visited { color: #F6E497; text-decoration: none; } div.contact-method p a:hover { text-decoration: underline; } hr.separator { margin: 10px 10px 20px 10px; height: 1px; border: none; border-top: #BD8D46 1px dotted; clear: both; } ul#certified { margin: 0 0 0 10px; list-style: none; } ul#certified li { margin: 0 20px 0 0; float: left; } p#webdesign-by { margin: 0 10px 0 0; float: right; text-align: right; font-size: 90%; color: #BD8D46; } p#webdesign-by a, p#webdesign-by a:visited { color: #BD8D46; text-decoration: none; } p#webdesign-by a:hover { color: #BD8D46; text-decoration: underline; } textarea { font-size:140%; } div#information { float:left; margin-bottom:20px; width:100%;} div#information p { font-size: 80%; color: #666; } input#submit { float: right; }