/* Foundation -------------------------------------------------------------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } body { background: #333 url(../_img/body_bg.gif) repeat-x; color: #666; font: 0.875em/1.1 Georgia, "Times New Roman", serif; margin: 0; padding: 0; } a { color: #369; } a:hover { color: #be0f33; text-decoration: none; } #container { width: 780px; margin: 0 auto 15px auto; background: #e6e6e6 url(../_img/container_bg.jpg) no-repeat; } /* Typography -------------------------------------------------------------------------------------------------------------------------------*/ p { line-height: 1.4; font-size: 0.875em; } .p_locations{line-height: 1.4; font-size: 0.875em;border-bottom: 1px solid #ccc;padding:0 0 5px 0;} h2 { color: #369; font-weight:bolder; font: 1.2em/1 Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 9px 2px; } /* Header -------------------------------------------------------------------------------------------------------------------------------*/ #header { } #logo { width: 201px; height: 143px; background: url(../_img/cs_logo.jpg) no-repeat; float: left; display: inline; margin: 0 0 0 15px; } #logo h1 { } #logo h1 a { width: 179px; height: 132px; display: block; margin: 0 0 0 11px; text-indent: -20000px; } #logo h1 a:hover { border: none; background: none; } #logo h1 em { display: block; text-indent: -20000px; } #tagline { width: 300px; height: 11px; float: left; display: inline; margin: 9px 0 0 15px; background: url(../_img/tagline.gif) no-repeat; } #tagline p { width: 300px; height: 11px; margin: 0; padding: 0; line-height: 1; display: block; text-indent: -20000px; } /* Nav -------------------------------------------------------------------------------------------------------------------------------*/ #nav { width: 550px; float: left; display: inline; } #nav ul { margin: 12px 0 10px 0; padding: 0; font-size: 0.9em; font-family: "Times New Roman", Georgia, serif; } #nav ul li { float: left; list-style: none; position: relative; } #nav ul li a { display: block; float: left; padding: 12px 6px 12px 5px; color: #000; text-decoration: none; border-right: 1px solid #fff; } #nav ul li a:hover { color: #fff; background: #666 url(../_img/nav_hover.gif) repeat-x; } #nav ul li ul { } #nav ul li ul li { } #nav ul li ul li a { } #nav ul li ul li a:hover { } #nav ul li.no-border, #nav ul li.no-border a { border: none; } #nav li ul { position: absolute; background: #333; width: 150px; padding: 5px; top: 25px; left: -999em; clear: left; text-transform: none; z-index: 999; } #nav li ul li { background-image: none; } #nav li ul a { display: block; font-size: 1em; width: 136px; padding: 7px; background: #333; color: #fff; border: none; } #nav li ul a:hover { display: block; font-size: 1em; width: 136px; padding: 7px; background: #ccc; color: #fc0; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li:hover a, #nav li.sfhover a { color: #fff; background: #666 url(../_img/nav_hover.gif) repeat-x; } #nav li:hover li a, #nav li.sfhover li a { background: #333; color: #ccc; } #nav li:hover li a:hover, #nav li.sfhover li a:hover { color: #fff; background: #202020; } /* Content -------------------------------------------------------------------------------------------------------------------------------*/ #content { clear: both; width: 780px; } #video { margin:-10px 0 0 0; width:313px; float:left; padding:0;} /* Left-Column -------------------------------------------------------------------------------------------------------------------------------*/ #left-column { width: 189px; float: left; display: inline; margin: 20px; padding: 0; } #left-column .block { float:left; display:block; } #left-column .block img { margin:3px 0 0 3px; } #left-column .block h2 { display:block; clear:both; margin:10px 0 0 0; } #left-column .block h3 { color: #be0f33; font-size: 1em; margin: 12px 0; } #left-column .block h3 a { color: #be0f33; } #left-column .block ul { font-weight: bold; font-size: 0.75em; padding-bottom: 5px; } #left-column .block ul li { list-style: none; margin-bottom: 5px; } #left-column .block ul li a { } #left-column .block ul li a:hover { } #left-column .block .product { background: #fff; border: 1px solid #ccc; margin: 5px 0; width: 187px; float: left; display: inline; } #left-column .block .product a { } #left-column .block .product a:hover { } #left-column .block .product a img { border: none; float: left; display: inline; margin: 5px 5px 10px 5px; } #left-column .block .product h3 { margin: 4px 0 0 3px; padding: 0; color: #666; } #left-column .block .product p { font-size: 0.875em; margin: 0 5px 3px 3px; } #left-column .block .product p strong { } /* Middle-Column -------------------------------------------------------------------------------------------------------------------------------*/ #middle-column { width: 311px; float: left; display: inline; margin: 0 0 30px 0; padding: 0; } #middle-column img.main-photo { margin: -40px 0 12px 0; width: 311px; } #middle-column h2.red { color: #be0f33; } #middle-column p { margin: 0 2px 0 2px; } #middle-column p strong { } #middle-column h2 {font-size:12px; } #middle-column img { } #middle-column .product { background: #fff; border: 1px solid #ccc; margin: 5px 0; width: 311px; float: left; display: inline; } #middle-column .product a { } #middle-column .product a:hover { } #middle-column .product a img { border: none; float: left; display: inline; margin: 10px 10px;} #middle-column .product h3 { margin: 10px 0 5px 0; padding: 0; color: #666; } #middle-column .product p { font-size: 0.875em; margin: 2px 5px 5px 5px; } #middle-column .product p strong { } /* Right-Column -------------------------------------------------------------------------------------------------------------------------------*/ #right-column { width: 190px; float: left; display: inline; margin: 9px; padding: 15px 0; } #right-column .block { } #right-column .block h2 { color: #369; } #right-column .block h3 { font-weight: normal; margin: 0; padding: 0 2px; font-size: 0.9em; } #right-column .block h4 { font-size: 1.2em; font-size: 1em; margin: 5px 0; padding: 0 2px; } #right-column .block p { margin: 0 0 20px 0; padding: 0 2px; } #right-column img.highlight-photo { } #right-column .block table { border-collapse: collapse; font-size: 0.85em; } #right-column .block table tr { border-bottom: 1px solid #ccc; } #right-column .block table tr td { padding: 5px; } #right-column .block table tr td.left { } #right-column .block table tr td.right { font-weight: bold; text-align: right; color: #333; } #right-column .block table tr.alt { background: #f8f8f8; } #right-column .block img.prod_right {width: 190px; } #left-column form.locator { float:left; margin:3px; } #left-column form.locator input { margin:3px 0 0 0; } /* Footer -------------------------------------------------------------------------------------------------------------------------------*/ #footer { clear: both; background: url(../_img/footer_bg.gif) bottom left no-repeat; } #footer hr { border: none; height: 1px; background: #ccc; margin: 5px 10px 10px 10px; width: 760px; } #footer p { text-align: right; font: 0.7em/1 Arial, Helvetica, sans-serif; margin: 0; padding: 3px 20px 10px 20px; } #footer p span { margin: 0 10px; } #footer p a { color: #666; text-decoration: none; } #footer p a:hover { text-decoration: underline; } p#footer-logo { text-align: left; width: 272px; height: 15px; float: left; display: block; text-indent: -20000px; background: url(../_img/footer_logo.gif) no-repeat; margin: 0 20px; padding: 0; } /* forms ---------------------------------------------------------------------------------*/ div.forms { clear:both; margin:20px 0 0 0; } div.forms label { display:block; float:none; margin:1em 0 0 0; font-weight:bold; font-size:0.9em; } div.forms input.text { width:300px; } div.forms textarea { width:300px; } div.forms select { width:300px; margin:1em 0 -1em 0; font-weight:bold; font-size:0.9em;} div.forms p.error { font-weight:bold; color:red; }