/* CSS Document */ /* Normalizes margin, padding, remove list style --------------------------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, em, strong {margin: 0px; padding: 0px;} ol, ul, li {list-style: none} a img {border:0px;} /* Set html & body --------------------------------------------------*/ html {width:100%;} body {position:relative; width:100%; min-width: 759px; margin:0 auto; padding:0px; background:url(../img/bkg_gradient.jpg) repeat-x #5a4420; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color: #000;} *html body {position:relative; width:759px; margin:0 auto; padding:0px; background:url(../img/bkg_gradient.jpg) repeat-x #5a4420; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color: #000;} #container {position:relative; width:759px; min-height:300px; left:0px; right:0px; margin:0 auto; padding:0px; z-index:1; background:url(../img/bkg_content.jpg) repeat-y;} /* Branding --------------------------------------------------*/ #branding {position:relative; top:-5px; left:5px; z-index:100; width:759px; height:209px; padding:0px; font-size:11px; clear:both; /*background:url(../img/img_flash_holder.jpg) no-repeat;*/} #branding h2 {position:absolute; z-index:150; color:#ac1a2f; left:20px;} #branding h3 {font-size:16px; font-weight:bold; color:#412200; font-size:14px;} #branding blockquote {margin:10px 20px; padding:90px 0px 0px 0px; text-align:center;} #branding img {position:absolute; margin:0px; padding:0px;} #branding #first {font-size:18px; position:absolute; width:250px;} #branding #second {font-size:30px; position:absolute; top:20px; left:25px; width:400px;} #branding #third {font-size:18px; position:absolute; top:31px; left:380px; width:335px;} #branding #fourth {font-size:18px; position:absolute; top:54px; left:480px; width:250px;} /* Navigation --------------------------------------------------*/ #nav {position:relative; top:0px; z-index:400; width:739px; height:37px; padding:50px 10px 5px 10px; margin:0px; background:url(../img/bkg_nav.jpg) no-repeat center top;} #nav #left {position:absolute; left:15px; width:288px;} #nav #right {position:absolute; left:496px; width:268px;} #nav blockquote {margin:0px;} #nav h4 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ac1a2f; font-size:11px; margin:0px; padding:0px; float:left; display:block;} #nav img {float:left; padding:3px 7px 0px 7px;} #nav h3 {position:absolute; left:-990px;} #nav a:visited, #nav a:link {font-family:Arial, Helvetica, sans-serif; color:#ac1a2f; text-decoration:none; line-height:19px; background:none;} #nav a:hover, #nav a:active {font-family:Arial, Helvetica, sans-serif; color:#ac1a2f; text-decoration:none; background:url(../img/bkg_nav_rollover.gif) repeat-x; line-height: 19px; border-bottom:1px solid #ac1a2f;} #logo {position:absolute; top:0px; z-index:300; left:295px; width:160px; height:113px;} /*#logo {position:absolute; top:7px; z-index:300; left:288px; width:175px; height:95px;}*/ #logo h1 {position:absolute; left:-998px;} /* Search (Home) --------------------------------------------------*/ #home_pg #search_hm {position:absolute; top:278px; left:25px; z-index:500; clear:both; width:709px; height:164px;} #home_pg #search_hm img {float:left; border:none;} #home_pg #search_hm h3 {position:absolute; z-index:550; top:-5px; left:20px; color:#ac1a2f; font-style:normal; font-weight:bold; font-size:16px;} #home_pg #search_hm cite{position:absolute; z-index:550; top:28px; left:20px; color:#ac1a2f; font-style:normal;} #home_pg #search_hm a {color:#ac1a2f;} /* News (Home) --------------------------------------------------*/ #home_pg #news {width:709px; margin:0px 5px; font-size:10px; color:#ac1a2f; height:90px;} #home_pg #news h4 {font-size:11px; margin:0px 10px 0px 0px;} #home_pg #news blockquote {margin:0px 5px 0px 0px; float:left; height:75px; width:222px;} #home_pg #news #middle {border-left:1px solid #ac1a2f; border-right:1px solid #ac1a2f; padding:0px 10px; float:left;} #home_pg #news div {padding:0px 10px 0px 0px; float:left; width:80px;} #home_pg #news img {float:left; margin:0px; padding:0px; border:none;} #home_pg #news a {color:#ac1a2f;} /* Dropdown Menu container --------------------------------------------------*/ #subnavleft, #subnavright {font-size:10px; font-weight:bold; display:block; color:#ac1a2f; clear:both; margin:-5px 0px 0px 0px; padding:0px; position:absolute; top:22px;} #subnavleft a:visited, #subnavleft a:link {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ac1a2f; text-decoration:none;} #subnavleft a:hover, #subnavleft a:active {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ac1a2f; text-decoration:underline;} .menuRight {margin-left: 150px;} /* Content --------------------------------------------------*/ #content {position:relative; left:5px; top:-5px; width:709px; padding:25px 20px 10px 20px; margin:0px; background:url(../img/bkg_content_inside.jpg) no-repeat; clear:both;} #content img {border:1px solid #798542;} #content .clear img {border:none; padding:0px;} #content .line img {border:none;} .img_right {float:right; margin:15px 0px 5px 10px;} .img_left {float:left; padding:0px; margin:0px 15px 0px 0px;} .padding_btm {padding:0px 0px 15px 0px;} .padding_top {padding:15px 0px 0px 0px;} .margin_img {margin:20px 15px 0px 0px;} #content #address p {color:#ac1a2f; text-align:center; margin:5px 0px;} #content #address p img {border:none; padding:3px 5px 0px 5px; margin:0px;} #content #btn_tony ul {float:left; width:709px;} #content #btn_tony ul li{float:left; width:144px; padding:10px 20px;} #content #btn_tony ul li h3{color:#6b3e04; font-size:18px; font-style:normal; font-weight:normal; margin:0px;} #content #btn_tony ul li p{color:#6b3e04; font-size:11px; margin:5px 0px;} #content #btn_tony ul li img{border:none; float:right; padding:0px 16px 0px 0px;} #content #btn_tony #btn1{background:url(../img/bkg_btn1.jpg) no-repeat; padding:16px;} #content #btn_tony #btn2{background:url(../img/bkg_btn2.jpg) no-repeat; padding:16px;} #content #btn_tony #btn3{background:url(../img/bkg_btn3.jpg) no-repeat; padding:16px;} #content #btn_tony #btn4{background:url(../img/bkg_btn4.jpg) no-repeat; padding:16px;} /* Content (home) --------------------------------------------------*/ #home_pg #content {position:relative; width:719px; padding:155px 20px 10px 20px; margin:0px; background:none;} #home_pg #content h1 {margin:0px 0px 5px 0px;} #home_pg #content h2 {font-size:12px; font-weight:bold; color:#412200; margin:0px; padding:10px 0px 0px 0px;} #home_pg #content p {color:#ac1a2f; text-align:center; margin:5px 0px;} #home_pg #content p img {border:none; padding:3px 5px 0px 5px;} #home_pg #content #content1{width:505px; height:169px; float:left; background:url(../img/hm_bkg_left.gif) no-repeat; padding:10px 22px;} #home_pg #content #content2{width:122px; height:169px; float:left; background:url(../img/hm_bkg_right.gif) no-repeat; margin:0px 0px 0px 10px; padding:10px 16px;} #home_pg #content #content1 h2, #home_pg #content #content2 h2{color:#FFF; font-size:20px; font-weight:normal;} #home_pg #content #content1 p, #home_pg #content #content2 p{color:#FFF; text-align:left; margin:5px 0px;} #home_pg #content #content2 img{float:right; border:none; padding:0px;} /* Pg Header --------------------------------------------------*/ #pg_header {width:auto;} #pg_header h1 {color:#ac1a2f; font-size:24px; font-weight:bold; background:url(../img/bkg_pg_title.gif) repeat-x; margin:15px 15px 0px 0px; padding:0px 0px 10px 0px;} #pg_header img {float:right; margin:12px 0px 0px 0px;} /* Search Page --------------------------------------------------*/ #search_pg #content #search_container{position:static;} #search_pg #content #search_container form{margin:0px; padding:0px;} #search_pg #content #search_container blockquote{float:left; margin:0px;} #search_pg #search_left{background:url(../img/bkg_search_left.jpg) no-repeat; width:386px; height:184px; padding:13px 20px;} #search_pg #search_left select{float:left; margin:0px 35px 0px 0px; font-size:13px;} #search_pg #search_left div{position:absolute; left:240px; top:135px;} *html #search_pg #search_left div{position:absolute; left:-190px; top:135px;} #search_pg #search_left div input{float:left;} #search_pg .field{width:133px} #search_pg #content h2{width:426px; float:left;} #search_pg #content h3{font-size:16px; color:#5a4420; font-weight:bold; margin:20px 0px 0px 0px; font-style:normal;} #search_pg #search_right{background:url(../img/bkg_search_right.jpg) no-repeat; width:220px; height:71px; padding:16px 20px;} #search_pg #search_right p{float:left;} #search_pg #search_right span{float:left; margin:5px 0px 0px 10px;} .pagination_container {font-family:Arial, Helvetica, sans-serif; width:699px;} #search_results_pg hr {background:#e8e6e1; height:2px; width:690px;} #search_results_pg #content h2{margin:5px 0px 0px 0px;} #search_results_pg #content .rightside{width:335px; margin:5px 0px 0px 15px; padding:0px; float:left;} #search_results_pg #content .leftside{width:335px; margin:5px 15px 0px 0px; padding:0px; float:left;} #search_results_pg #content blockquote div{background:#f4eee1; padding:10px; margin:0px 0px 10px 0px; height:95px; position:relative;} #search_results_pg #content blockquote div span{float:left;} #search_results_pg #content blockquote div span img{border:1px solid #d9d3c7;} #search_results_pg #content blockquote div ul{float:left; margin:5px 10px; width:180px;} #search_results_pg #content blockquote div ul li{clear:both; float:left; width:180px; margin:0px 0px 10px 0px;} #search_results_pg #content blockquote div ul li h4{width:45px; color:#5a4420; font-size:12px; font-weight:bold; float:left; font-family:Arial, Helvetica, sans-serif;} #search_results_pg #content blockquote div ul li p{font-family:Arial, Helvetica, sans-serif; margin:0px;} #search_results_pg #content blockquote div cite{position:absolute; top:85px; right:10px;} #search_results_pg #content blockquote div cite img{border:none;} #search_results_pg #content blockquote a{color:#ac1a2f} /* Products Pages --------------------------------------------------*/ /* category */ #category_pg #content blockquote{padding:5px 0px;} #category_pg #content blockquote h4{float:left; width:165px; height:30px; margin:0px 10px 10px 0px;} #category_pg hr {background:#e8e6e1; height:2px;} /* brand */ #brand_pg hr {background:#e8e6e1; height:2px;} #brand_pg #content h2{margin:5px 0px 0px 0px;} #brand_pg #content .rightside{width:335px; margin:5px 0px 0px 15px; padding:0px; float:left;} #brand_pg #content .leftside{width:335px; margin:5px 15px 0px 0px; padding:0px; float:left;} #brand_pg #content blockquote div{background:#f4eee1; padding:10px; margin:0px 0px 10px 0px; height:80px; position:relative;} #brand_pg #content blockquote div span{float:left;} #brand_pg #content blockquote div span img{border:1px solid #d9d3c7;} #brand_pg #content blockquote div ul{float:left; margin:5px 10px; width:180px;} #brand_pg #content blockquote div ul li{clear:both; float:left; width:180px; margin:0px 0px 10px 0px;} #brand_pg #content blockquote div ul li h4{width:45px; color:#5a4420; font-size:12px; font-weight:bold; float:left; font-family:Arial, Helvetica, sans-serif;} #brand_pg #content blockquote div ul li p{font-family:Arial, Helvetica, sans-serif; margin:0px;} #brand_pg #content blockquote div cite{position:absolute; top:65px; left:100px;} #brand_pg #content blockquote div cite img{border:none;} #brand_pg #content blockquote a{color:#ac1a2f} /* product detail */ #pd_detail_pg #content blockquote{margin:10px 0px;} #pd_detail_pg #content blockquote div{background:#f4eee1; padding:10px; margin:0px 0px 10px 20px; /*height:235px;*/ position:relative; float:left;} #pd_detail_pg #content span{float:left;} #pd_detail_pg #content span img{border:1px solid #d9d3c7;} #pd_detail_pg #content blockquote div ul{float:left; margin:5px 10px; width:380px;} #pd_detail_pg #content blockquote div ul li{clear:both; float:left; width:380px; margin:0px 0px 10px 0px;} #pd_detail_pg #content blockquote div ul li h4{width:120px; color:#5a4420; font-size:14px; font-weight:bold; float:left; margin:6px 0px;} #pd_detail_pg #content blockquote div ul li p{font-family:Arial, Helvetica, sans-serif; margin:6px 120px; color:#5a4420; font-size:14px;} #pd_detail_pg #content blockquote a{color:#ac1a2f} #pd_detail_pg #content cite{position:absolute; top:15px; right:20px;} #pd_detail_pg #content cite img{border:none;} /* Speicifc Page Styles --------------------------------------------------*/ #jobs_pg hr {background:#e8e6e1; height:2px; width:690px;} #sales_pg form div {margin:5px 0px;} #sales_pg form div h4 {width:100px; float:left;} #timeline {width:709px; height:205px; border: solid 1px #ddcab2; overflow:auto; margin:0px auto;} #timeline div {width:6085px; height:170px;} #timeline .yearinfo {width:290px; height:170px; float:left; padding:15px 5px; padding-bottom:0px; background-image:url(../img/bkg_timeline.gif); background-repeat:repeat-x; background-position:bottom} #timeline .yearinfo h1 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#503d00; margin:0px 0px 2px 0px} #timeline .yearinfo p {font-family:Arial, Helvetica, sans-serif; color:#554d34; margin:0px 0px 10px 0px} #timeline .yearinfo img {margin: 0px 8px 0px 0px; float: left; border:none;} #timeline .pic {width: 400px} #timeline .pic2 {width: 480px} #timeline .longtxt {width: 370px} #timeline .longtxt2 {width: 410px} #timeline .longtxt3 {width: 480px} #timeline .longtxt4 {width: 580px} #timeline .pic img {border:1px solid #798542;} #terms_pg #content ul {margin:5px;} #terms_pg #content ul li{list-style:square; margin:10px;} #flyers_pg #content h2 {text-align:center;} #events_pg #content h2 {float:left; width:235px;} #events_pg #content img {border:none; margin:0px 20px 10px 0px;} #promotions_pg #content h2 {float:left; width:235px;} #promotions_pg #content h2 img{border:none;} /* Contact Form --------------------------------------------------*/ #content form {padding:0px; margin:0px; position:relative;} #content form ol li {clear:both; margin:5px 0px; padding:5px 0px;} #content form ol li label{float:left; width:120px; margin:0px 10px 0px 0px; font-weight:bold;} #formsample_pg #content form ol li label{float:left; width:140px; margin:0px 10px 0px 0px; font-weight:bold;} #content form ol li label cite{color:#FF0000; font-style:normal; width:15px; font-weight:normal;} #content form ol li label span{font-size:10px; font-weight:normal;} #content form ol li input, #content form ol li select, #content form ol li textarea{width:170px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #content form ol li div input{width:auto;} #content form ol li ul{width:320px; float:left; margin:0px; padding:0px;} #content form ol li #left2{margin:0px 30px 0px 0px;} #content form ol li ul li input{margin:5px 0px;} #content form ol h2 {margin:10px 0px 0px 0px 0px;} #content form table {border:3px solid #d9d3c7;} #content form table td {padding:3px;} #content form table th {background:#5a4420; color:#FFF; padding:5px 0px;} #content form table td label{display:none; width:0px;} #content form table td input{width:210px;} #content form #checkbox {float:right; margin:-15px 0px 0px 0px;} #missing_pg #content {position:relative; left:5px; top:-5px; width:709px; padding:10px 20px 10px 20px; margin:0px auto; background:#FFF; border:3px solid #d9d3c7; clear:both;} #application_pg {width: 709px;} #application_pg table {border:3px solid #d9d3c7;} #application_pg table table {border:none;} #application_pg table table table {border:none;} #application_pg table td {padding:3px;} #application_pg .radio {width:20px;} #application_pg .box_sm {width:50px;} #application_pg .box_med {width:100px;} /* Text Formatting --------------------------------------------------*/ h1 {font-size:18px; color:#ac1a2f; font-weight:bold; margin:15px 0px 5px 0px;} h2 {font-size:16px; color:#5a4420; font-weight:bold; margin:10px 0px 0px 0px;} h3 {font-size:14px; color:#5a4420; font-style:italic; font-weight:bold; margin:10px 0px 5px 0px;} h4 {font-size:12px; color:#ac1a2f; font-weight:bold;} h5 {font-size:12px; color:#412200; font-weight:bold;} h6 {font-size:14px; color:#412200; font-weight:bold;} p {margin:5px 0px 10px 0px;} .small {font-size:10px;} .black {color:#000;} .brown {color:#412200;} .red {color:#ac1a2f;} .nobr {white-space: nowrap;} .clear {clear:both;} .clear_left {clear:right;} .left_percent {float:left; width:45%; margin-right: 20px} .right_percent {float:left; width:45%;} #column2 {width:530px; margin:0px auto; clear:both;} a:link, a:visited {color:#917c4c; text-decoration:underline; font-weight: bold} a:hover {color:#917c4c; text-decoration: none} /* TinyMCE --------------------------------------------------*/ .first_header {font-size:18px; color:#ac1a2f; font-style:normal; font-weight:bold; margin:15px 0px 5px 0px;} .second_header {font-size:16px; color:#5a4420; font-style:normal; font-weight:bold; margin:10px 0px 0px 0px;} .third_header {font-size:14px; color:#5a4420; font-style:italic; font-weight:bold; margin:10px 0px 5px 0px;} .small {font-size:10px;} .black {color:#000;} .brown {color:#412200;} .red {color:#ac1a2f;} .regular_style {font-size:12px; color:#5a4420; font-style:normal; font-weight:normal; margin:5px 0px 10px 0px;} /* Site Info --------------------------------------------------*/ #site_info {width:759px; height:30px; margin:0px auto; background:url(../img/bkg_btm_content.jpg) no-repeat top center; padding:5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px;} #site_info cite {float:left; width:40%; font-style:normal; padding:15px 20px; margin:0px; font-size:11px; color:#917c4c;} #site_info span {float:right; width:40%; font-style:normal; padding:15px 20px; margin:0px; font-size:11px; color:#917c4c; text-align:right;} #site_info a:link, #site_info a:visited {color:#917c4c; font-weight:normal; font-size:11px;} #site_info a:hover, #site_info a:active {color:#917c4c;}