body { font:12px "Century Gothic", "Arial"; color:black; background-color:#e3e3e4; margin:0 auto; } .printme { display:none; } .req { color:red; } .clear { clear:both; } img { border:none; } p { margin:0; padding:0; margin:1em 0; } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } h1, h2 { margin:10px 0; } h1 { float:right; width:535px; height:16px; background:url(../images/layout/maintop.png) 0 0 repeat-y; margin:20px 20px 0; padding:20px; font:normal 28px "Century Gothic", Times, serif; color:#980b0f; } strong { color:#822917; } input[type="text"], input[type="password"], input[type="file"], textarea, select { border:1px solid #666; color:#672012; padding-left:5px; font:12px Verdana, Arial, Helvetica, sans-serif; } .error { background-color:#ffc; border-color:#672012; } ul { } table th { text-align:right; font-weight:normal; } fieldset { border:1px solid #672012; margin-bottom:10px; } legend { border:1px solid #672012; background-color:white; padding:2px 6px; font-weight:bold; } div.buttons { text-align:right; } address { font-style:normal; } #container { width:961px; background-color:#fff; margin:0 auto; background:url(../images/layout/container_bg.gif) 0 0 repeat-y; margin:0 auto; } #container_border { margin:0px 8px 0px 8px; } #container_footer { width:961px; height:8px; background:url(../images/layout/container_footer.gif) 0 0 no-repeat; } #header { background:url(../images/layout/header.jpg) 0 0 no-repeat white; padding-top:12px; height:205px; } #breadcrumb { background:url(../images/layout/breadcrumb.gif) bottom left no-repeat; margin:0; padding:0; margin-top:79px; list-style-type:none; height:26px; padding-left:350px; } #breadcrumb li { float:left; } #breadcrumb a { float:left; margin:5px; color:white; text-decoration:none; font-size:10px; font-weight:bold; } #breadcrumb a:hover { color:yellow; } #body { background:url(../images/layout/canvas.gif) 0 0 no-repeat #822917; min-height:409px; float:right; width:100%; } #menu { margin:0; padding:0; list-style-type:none; float:right; padding-right:310px; margin-top:13px; } #menu li { float:left; } #menu a { float:left; background:url(../images/layout/menu.gif) left center no-repeat; padding:0 5px 0 15px;; color:black; text-decoration:none; font-weight:bold; } #menu a:hover { text-decoration:underline; } #logo { margin-left:30px; } #east { float:left; font-size:10px; font-weight:bold; width:190px; color:white; padding-top:115px; padding-left:140px; } #east a.more { float:left; margin-top:2em; text-decoration:none; color:white; } #east a.more:hover { color:yellow; } #footer { width:941px; margin:0 auto; text-align:right; font-weight:normal; font-size:11px; padding:0 10px; } #west { float:right; width:535px; background:url(../images/layout/main.png) 0 0 repeat-y; margin:0 20px; padding:10px 20px; } #photos { float:right; width:575px; background:url(../images/layout/mainbottom.png) bottom left no-repeat; margin:0 20px 10px; height:3px; text-align:center; } #photos .gallery { background:url(../images/layout/gallery.png) 0 0 no-repeat; height:144px; width:479px; margin:0 auto; position:relative; top:-70px; padding:50px 10px 0; text-align:left; list-style-type:none; } #photos .gallery li { float:left; } #photos .gallery a { float:left; margin:0 2px; height:57px; width:114px; background-color:#eee; text-align:center; } #photos .more { float:right; position:relative; top:42px; left:-70px; z-index:10; font-weight:bold; text-decoration:none; } #photos.index { background-image:none; z-index:9; position:absolute; top:450px; left:360px; } #tagline { display:block; font:22px "Century Gothic",Arial, Helvetica, sans-serif; color:#980b0f; float:left; padding:10px; width:240px; text-align:center; } #quotes { clear:right; float:right; font-size:12px; color:#ce232b; margin:12px; padding:5px; text-align:right; } #quotes q { } #quotes address { } #quotes address .author { font-size:12px; font-weight:bold; } #body.extend #west { padding-bottom:90px; } #body.extend #photos { height:88px; } /* HOMEPAGE STYLES */ #flash { width:945px; height:555px; position:relative; } #homeNav { width:440px; height:20px; position:absolute; z-index:8; top:30px; left:280px;} #homeNav a { text-decoration:none; margin:0px 10px 0px 0px; font-size:13px; color:#000; font-weight:bold;} #homeNav img { margin:0px 3px 0px 0px;} #homeText { width:200px; height:200px; z-index:7; position:absolute; top:330px; left:165px; overflow:hidden; color:#fff; line-height:1.5em;} #photogal { width:505px; height:151px; z-index:9; position:absolute; top:400px; left:410px; background: url('../images/layout/photogal.png') 0 0 no-repeat;} #photogal img { border:none;} * html #photogal { background-color:none; back\ground-color:transparent; background-image: url(blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/layout/photogal.png", sizingMethod="scale"); } /* PRODUCTS STYLES */ .products-right, .dealers-right { float:right; clear:right; width:50%; } .products-left, .dealers-left { float:left; clear:left; width:50%; } .products-left ul, .products-right ul { font-size:11px; list-style-type:square; } .products-details { width:100%; border:1px solid #822917; background-color:white; text-align:center; } .products-details .even { background-color:#ddd; } .products-details .odd { background-color:white; } .products-disclaimer { font-size:10px; font-style:italic; } /* ADMIN STYLES */ #admin-panel a { display:block; padding:5px; color:black; margin:5px; border:1px solid #822917; font-weight:bold; text-decoration:none; background-color:white; text-align:center; } #admin-panel li.alt a { background-image:url(../images/layout/documents2.gif); } #admin-panel a:hover { background-color:yellow; } #admin-panel a:visited { color:#003d1b; } .center { text-align:center; } .left { float:left; } .right { float:right; } .clear { clear:both; } .even { background-color:#f3f3f3; } .odd { background-color:#fff; } .catlist { margin-top:1em; border:1px solid #672012; background-color:white; } .catlist a { text-decoration:none; } .catlist a:hover { text-decoration:underline; } .catlist thead th { background:url(../images/layout/gradient.gif) 0 0 repeat-x; } .catlist .title a.toggler{ text-decoration:none; font-weight:bold; margin-right:1em; } .catlist th, .catlist td{ vertical-align:top; } .catlist .title a:visited{ color:blue; } .catlist table { border:1px solid #aaa; } .catlist table thead th { background:url(../images/layout/gradient.gif) 0 0 repeat-x; } ul.menu { margin:0; padding:0; list-style:none; } ul.menu li { float:left; } a.active, a.activate, a.deactivate, a.inactive { background-position:0 0; background-repeat:no-repeat; display:block; height:10px; width:10px; margin-right:5px; float:left; } a.active { background-image:url(../images/layout/green_on.gif); } a.activate { background-image:url(../images/layout/green_off.gif); } a.deactivate { background-image:url(../images/layout/red_off.gif); } a.inactive { background-image:url(../images/layout/red_on.gif); } /*-----------------------------[ Photo Gallery Page ]------------------------------------------------------------------------------- */ ul.photos-cats { list-style:none; margin:0; padding:0; } ul.photos-cats li { float:left; padding:4px; } ul.photos-cats a { display:block; padding:4px; color:black; text-decoration:none; font-weight:bold; border:1px solid #672012; background-color:white; } ul.photos-cats a:hover { background-color:yellow; } ul.photos-gallery { clear:left; list-style:none; margin:0; padding:0; padding-top:1em; } ul.photos-gallery li { float:left; padding:4px; } ul.photos-gallery img { } ul.photos-gallery a { display:block; border:1px solid black; line-height:0; } /*-----------------------------[ Light Box Declarations ]--------------------------------------------------------------------------- */ #lightbox { position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; } #lightbox a img { border:none; } #outerImageContainer { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; } #imageContainer { padding:10px; } #loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; } #hoverNav { position:absolute; top:0;left:0; height:100%; width:100%; z-index:10; } #imageContainer>#hoverNav { left:0;} #hoverNav a { outline:none;} #prevLink, #nextLink { width:49%; height:100%; background:transparent url(../includes/lightbox2/images/blank.gif) no-repeat; display:block; } #prevLink { left:0; float:left;} #nextLink { right:0; float:right;} #prevLink:hover, #prevLink:visited:hover { background:url(../includes/lightbox2/images/prevlabel.gif) left bottom no-repeat; } #nextLink:hover, #nextLink:visited:hover { background:url(../includes/lightbox2/images/nextlabel.gif) right bottom no-repeat; } #imageDataContainer { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; } #imageData { padding:0 10px; } #imageData #imageDetails { width:100%; float:left; text-align:left; } #imageData #caption { font-weight:bold; } #imageData #numberDisplay { display:block; clear:left; padding-bottom:1.0em; } #imageData #bottomNavClose { width:66px; float:right; padding-bottom:0.7em; } #overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } * html>body .clearfix { display:inline-block; width:100%; } * html .clearfix { height:1%; }