/* ---------------------------------------------------------------------------- Copyright CMTM, Inc 2008. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari CSS Document - styles.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none;} /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ body {padding:0px;font-family: "Trebuchet MS", Arial, sans-serif;font-size:14px; line-height:21px;color:#000;background:#fff url(../images/home/bg.jpg) repeat-x left top; } a {font-family: "Trebuchet MS", Arial, sans-serif;font-size: 14px;color:#3D8ACE;text-decoration: underline;} a:hover{ text-decoration: underline; color: #f60; } p { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; line-height:21px; color: #333;} h1,h2,h3,h4,h5,h6 { color:#f60; font-weight: bold; font-family: "Trebuchet MS", Arial, sans-serif;} textarea, input, table { font-family: Arial, Helvetica, sans-serif; font-size: 12px;color:#000;} .clear{clear:both; float:left; background:red;} /* framework * ------------------------------------------------------------------------- */ /* index page */ #container { margin: 0px; padding: 0px; width: 100%; text-align: center; } #container:after { display: block; height: 0; clear: both; visibility: hidden; } #bg_a {background: transparent url(../images/home/bg_a.jpg) center top no-repeat; padding:0;margin:0;} #bg_b {background: transparent url(../images/home/bg_b.jpg) center top repeat-y; padding:0;margin:0;} #bg_c {background: transparent url(../images/home/bg_c.jpg) center top no-repeat;} #header_section{margin:0px auto;width:1001px;height:119px;background: url(../images/home/header.jpg) no-repeat top left; } /* flash /*----------------------------- */ #flash { width:676px; height:325px; float:left; z-index:-1; } #flash span { display:none; } #banner_section { margin: 0 auto; width: 1001px; height:322px; padding:0px; } #banner_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #banner { width: 676px; height: 325px;background: url(../images/home/banner.jpg) no-repeat top left; float: left; } #quick_contact_area {width:325px;height:325px;float:left;text-align:left; background:url(../images/home/contact_bg.jpg) left top no-repeat;} #quick_contact { margin: 105px 0px 0px 90px; } #quick_contact label { display: none; line-height: 0px; } .quick_contact_input { width: 191px; height: 17px; background: #ffffff; border: solid 1px #145f76; padding: 2px 0px 0px 2px; margin: 0px 0px 3px 0px; } #quick_contact textarea { width: 191px; height: 72px; background: #ffffff; border: solid 1px #145f76; padding: 2px 0px 0px 2px; margin: 0px 0px 0px 0px; } #quick_submit_button { width: 62px; height: 18px; background: url(../images/home/submit_btn.gif) no-repeat top left; border: none; padding: 0px; margin: 5px 0px 0px 132px; } /* quick contact area on contact page*/ #quick_contact_area_contact {width:325px;height:325px;float:left;text-align:left; background:url(../images/home/contact_bg_contact.jpg) left top no-repeat;} #quick_contact_area_contact h2#blurb_5_title { background:none;} #quick_contact_area_contact h2#blurb_5_title span{ visibility:hidden;} #quick_contact_area_contact #blurb_5_body p{ margin: 65px 0px 0px 40px; color:#fff; font-size:16px; font-weight:bold;} #quick_contact_area_contact #blurb_5_body a:link, #quick_contact_area_contact #blurb_5_body a:visited{color:#fff;} #quick_contact_area_contact #blurb_5_body a:hover, #quick_contact_area_contact #blurb_5_body a:active{ color:#A7CAE9; } #content_section { margin: 0px auto 0px auto; width: 1001px; padding: 0px 0px 0px; /*47px*/text-align: left; background-color:#fff;} #content_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content_section ul { margin-bottom: 20px; } #content_section li { display: block; background: url(../images/home/bullet_blue.gif) no-repeat; background-position: 0px 5px; padding-left: 20px; line-height: 25px; } #content_section_hr{ width: 1001px; height: 6px; background: url(../images/home/main_section_top.gif) no-repeat top left; float: left; } #content_area { width: 680px; clear:left; float:left; background:#fff; overflow:hidden;} h1#body_content_title{padding:22px 0 0 0px;margin-bottom: 17px;font-family: "Trebuchet MS", Arial, sans-serif;font-size: 26px; line-height:29px; color:#f60; font-weight:normal;} #content { margin: 0px 0px 0px 46px; width: 609px; } #content p { margin-bottom: 0px; line-height: 25px; } #content h2 { font-family: "Trebuchet MS", Arial, sans-serif;font-size: 26px; line-height:29px; color:#f60; font-weight:normal;} /* inside pages * ------------------------------------------------------------------------- */ #body_content_body h2 { font-size:20px; line-height:24px;} #body_content_body h3 { font-size:16px; line-height:24px;color:#3D8ACE;} #body_content_body p {color:#333; padding:0 0 10px 0; font-size:14px;} #body_content_body {color:#333; padding:0;} #body_content_body a:link, #body_content a:visited{text-decoration:underline; font-weight:bold; color:#f60;} #body_content_body a:hover, #body_content a:active{text-decoration:underline; font-weight:bold; color:#3D8ACE;} #body_content_body ul li{margin:0 0 10px 20px;} #body_content_body ul li ul{margin:0 0 0 20px;} #content_section #content_area #content #body_content_body ol{margin:0 0 10px 20px; list-style-type:decimal; list-style-position:outside;} #body_content_body ol li{margin:0 0 0 50px; list-style-type:decimal; background:none; padding-left:0px; list-style-position:outside;} #content_photo { width: 187px; height: 126px; background: url(../images/home/content_photo.jpg) no-repeat top left; float: right; margin: 0px 0px 0px 10px; } #content_article_1 { width: 242px; float: left; } .read_more_link { display: block; width: 90px; height: 12px; background: url(../images/home/readmore.gif) no-repeat top left; } .read_more_link span { display: none; margin: 0px; padding: 0px; } #content_article_2 { width: 242px; float: right; margin-right: 33px; } #blurb_area { width: 300px; float:left;} #blurb_1_title{ background:url(../images/home/icon_inventory.gif) 0 3px no-repeat; padding:0 0 0 32px;} #blurb_2_title{ background:url(../images/home/icon_refurbished.gif) 0 3px no-repeat; padding:0 0 0 32px;} #blurb_area h2 span{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#404040; margin: 0px 17px 15px 0px; } #blurb_area h3{font-weight:bold; font-size:14px; margin: 0px 10px 0px 15px; background:url(../images/home/bullet_side_orange.gif) 0 4px no-repeat; padding:1px 0 0 20px;} #blurb_area h3 a:link, #blurb_area h3 a:visited{font-weight:bold; font-size:14px; text-decoration:none; color:#f60;} #blurb_area h3 a:hover, #blurb_area h3 a:active{font-weight:bold; font-size:14px; text-decoration:underline; color:#3D8ACE;} .blurb_bottom {width:294px; height:20px; margin:0; background:url(../images/home/sidebar_bottom.gif) left top no-repeat; } #blurb3 { width:294px; margin:20px 0 0 0;background:url(../images/home/sidebar_bg.gif) left top repeat-y; } #blurb3 p { line-height: 20px; margin:0; padding:0 10px 10px 15px;} h2#blurb_3_title { width: 294px; height: 52px; background:#f3f3f3 url(../images/home/header_bulletins.gif) no-repeat top left;text-indent:-5000px;margin:0 0 10px 0;} #blurb_3_title span { display: none; } #blurb4 {width:294px; margin:20px 0 0 0;background:url(../images/home/sidebar_bg.gif) left top repeat-y;} #blurb4 p { line-height: 18px; padding:0 10px 0 60px;} #blurb4 p span { font-weight: bold; } h2#blurb_4_title{width: 294px; height: 52px; background:#f3f3f3 url(../images/home/header_contact_info.gif) no-repeat top left;text-indent:-5000px; margin:0 0 10px 0;} .blurb_readmore_link{display:block; width:128px; height:28px; background:url(../images/home/btn_more_info.gif) no-repeat 0 0; margin:0 0 0 140px;} .blurb_readmore_link:hover{ display:block; width:128px; margin:0 0 0 140px; background-position: 0 -28px;} .blurb_readmore_link span{ display:none;} #footer_section { margin: 0px auto 0px auto; width: 1001px;height:167px; padding: 0px; text-align:left; background:url(../images/home/footer_logo.gif) 0 50px no-repeat;} #footer_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #footer_nav { width:100%;text-align:right;padding-top:50px;float:left; } #footer_nav ul { margin-right: 20px; margin-bottom: 5px; } #footer_nav li { display: inline; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #999; } #footer_nav li a { font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #999; text-decoration: none; } #footer_nav li a:hover { color:#f60; text-decoration: underline; } #footer_address { float: left; color: #666; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; margin:-5px 0 0 115px; width:350px; display:inline;} #copyright { float: right; color: #a2afb4; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; text-align: right; margin-right: 20px; line-height: 20px; } #copyright a:link, #copyright a:visited { color: #a2afb4; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; text-decoration: none; } #copyright a:hover, #copyright a:active { color: #f60; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; text-decoration: none; } /* contact form */ #contactus_form { width: 430px; } .contactus_item { display: block; width: 430px; } #contactus_form label { width: 150px; display: block; float: left; text-align: right; margin: -3px 10px 12px 0px; clear: left; vertical-align: top; } .contactus_input { width: 250px; float: left; margin: 0px 0px 10px 0px; display: block; } .contactus_textarea { float: left; width: 250px; height: 100px; } .contactus_submit { float: left; clear: left; width: 62px; height: 18px; background: url(../images/home/submit_contact_btn.gif) no-repeat top left; border: none; margin-left: 353px; margin-top:10px;} #sitemap_list ul {margin:0;} #sitemap_list a {text-decoration:none;} #sitemap_list a:hover {text-decoration:underline;} #sitemap_list li {display:block;background:url(../images/home/bullet_blue.gif) no-repeat; margin:0 0 0 25px; background-position:0px 10px;padding:4px 0 0 20px;line-height:25px;font-weight:bold;} #sitemap_list li ul li{ margin:0;} /* Navbar */ #nav_section { margin: 0px auto; width: 1001px; padding:0px;} #navbar { width: 1001px; height:42px; background: url(../images/home/navbar.gif) no-repeat top left; } #navbar li {position:relative;float:left;list-style:none; display:block;}/*remove display block and add to navbar li, navbar a????*/ #navbar li, #navbar a {height:42px; display:block; background:transparent;}/* Each button must have the same height, define it here */ #navbar span { display:none;} #navbar1 { width: 82px; } #navbar2 { width: 110px; } #navbar3 { width: 116px; } #navbar4 { width: 115px; } #navbar5 { width: 147px; } #navbar6 { width: 117px; } #navbar7 { width: 78px; } #navbar8 { width: 119px; } #navbar9 { width: 117px; } #navbar1:hover { background: url(../images/home/navbar.gif) 0px 42px; } #navbar2:hover { background: url(../images/home/navbar.gif) -82px 42px; } #navbar3:hover { background: url(../images/home/navbar.gif) -192px 42px; } #navbar4:hover { background: url(../images/home/navbar.gif) -308px 42px; } #navbar5:hover { background: url(../images/home/navbar.gif) -423px 42px; } #navbar6:hover { background: url(../images/home/navbar.gif) -570px 42px; } #navbar7:hover { background: url(../images/home/navbar.gif) -687px 42px; } #navbar8:hover { background: url(../images/home/navbar.gif) -765px 42px; } #navbar9:hover { background: url(../images/home/navbar.gif) -884px 42px; } /* subnav bar */ #subnav_section{ width:1001px; height:68px; margin:0 auto;} #nav2 { background: url("../images/home/subnav.gif") no-repeat; width:1001px; height:69px; margin:0; padding:0;} #nav2 span { display: none; } #nav2 li, #nav2 a{ height:68px; display:block; } #nav2 li { float: left; list-style: none; display: inline; } #nav2-01 { width: 169px;} #nav2-02 { width: 230px;} #nav2-03 { width: 190px;} #nav2-04 { width: 220px;} #nav2-05 { width: 192px;} #nav2-01 a:hover {background: transparent url("../images/home/subnav.gif") -0px -68px no-repeat;} #nav2-02 a:hover {background: transparent url("../images/home/subnav.gif") -169px -68px no-repeat;} #nav2-03 a:hover {background: transparent url("../images/home/subnav.gif") -399px -68px no-repeat;} #nav2-04 a:hover {background: transparent url("../images/home/subnav.gif") -589px -68px no-repeat;} #nav2-05 a:hover {background: transparent url("../images/home/subnav.gif") -809px -68px no-repeat;}