/*------------------------------------------- TITLE: Gritz Pools and Spas CREATED: 1/25/2008 -- LAYOUT - TOP - MENU - CONTENT - SUBMENU - FOOTER MISCELLANEOUS - CLEAR FIX -- -------------------------------------------*/ a {color: #b3071b; text-decoration:none;} a:hover{text-decoration: underline;} :focus {-moz-outline-style: none;} #photogallery a img {border: 3px solid #7e878d;} #photogallery a:hover img {border: 3px solid #119dd8;} #photogallery img {margin: 0px 8px 0px 0px;} #photogallery #content {text-align: center;} html,body { background-image: url(../images/body_bg.jpg); background-repeat: repeat-x; background-position:center top; background-color: #FFFFFF; margin:0px; padding:0px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; } #pagewidth{ width:945px; text-align:left; margin-left:auto; margin-right:auto; } /*------------------------------------------- - TOP - logo - slogan - newsletter -------------------------------------------*/ #top { height: 371px; background-image:url(../images/flash_placeholder.jpg); } /*------------------------------------------- - CONTENT -------------------------------------------*/ #contentwrapper { background-image:url(../images/contentwrapper_bg.jpg); background-position: bottom; background-repeat:no-repeat; width: 835px; background-color: #f7f1e5; text-align:left; margin-left:auto; margin-right:auto; } #contentbox { width: 556px; float: right; margin: 18px 13px 18px 0px; _margin: 18px 8px 18px 0px; } #content { width: 556px; background-image:url(../images/content_top_bg.gif); background-position: top; background-repeat:no-repeat; } #content li { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; font-weight:bold; } #contentbottom { background-image: url(../images/content_bottom.gif); width: 556px; height: 14px; } #content p, #homecontent p { margin: 0px; padding: 12px 17px 0px 17px; font-size: 11px; color: #272d37; line-height: 22px; } #content h5 { margin: 0px; padding: 10px 17px 0px 17px; color: #1b2846; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; line-height: 22px; } #content td { margin:0px; padding:2px 12px 2px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #272d37; } #left { float: left; width: 235px; } /* ------ HOME CONTENT BOX ------ */ #homecontentbox { width: 465px; float: right; margin: 18px 13px 18px 0px; _margin: 18px 8px 18px 0px; } #homecontent { width: 465px; background-image:url(../images/homecontent_top_bg.gif); background-position: top; background-repeat:no-repeat; } #homecontentbottom { background-image: url(../images/homecontentbottom.gif); width: 465px; height: 14px; } #homeleft { float: left; width: 330px; padding: 20px 0px 0px 14px; line-height: 0px; } /*------------------------------------------- - SUBMENU -------------------------------------------*/ #submenubox { width: 235px; background-image:url(../images/subnav_bg.gif); background-position:top; background-repeat:no-repeat; margin: 18px 0px 0px 12px; _margin: 18px 0px 0px 8px; padding: 0px; } #submenubottom { background-image: url(../images/subnavbottom.gif); width: 235px; height: 48px; margin-top: 30px; } #submenubox ul {list-style-type:none; padding: 12px 0px 0px 0px; .padding: 0px; margin: 12px 0px 0px 2px; background-repeat:no-repeat;} #submenubox li {background-repeat:no-repeat;} #submenubox a {display:block; text-indent: -9999px; border-bottom: none;} /* ------ ABOUT US BUTTONS------ */ #submenubox li.list1 {background:transparent url(../images/specials_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list2 {background:transparent url(../images/storelocations_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list3 {background:transparent url(../images/servicesoffered_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list4 {background:transparent url(../images/productswesell_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list5 {background:transparent url(../images/history_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox a#item1 {background:transparent url(../images/specials_btn.gif) no-repeat; height: 33px;} #submenubox a#item2 {background:transparent url(../images/storelocations_btn.gif) no-repeat; height: 33px;} #submenubox a#item3 {background:transparent url(../images/servicesoffered_btn.gif) no-repeat; height: 33px;} #submenubox a#item4 {background:transparent url(../images/productswesell_btn.gif) no-repeat; height: 33px;} #submenubox a#item5 {background:transparent url(../images/history_btn.gif) no-repeat; height: 33px;} #submenubox a#item1:hover {background-position:0px -33px; z-index:50;} #submenubox a#item2:hover {background-position:0px -33px; z-index:50;} #submenubox a#item3:hover {background-position:0px -33px; z-index:50;} #submenubox a#item4:hover {background-position:0px -33px; z-index:50;} #submenubox a#item5:hover {background-position:0px -33px; z-index:50;} /* ------ POOLS BUTTONS ------ */ #submenubox li.list6 {background:transparent url(../images/photogallery_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list7 {background:transparent url(../images/installationprocess_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list8 {background:transparent url(../images/poolstyles_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list9 {background:transparent url(../images/optionfeatures_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list10 {background:transparent url(../images/whychoosevinyl_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list11 {background:transparent url(../images/chemicalsaccessories_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list22 {background:transparent url(../images/generalinformation_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox a#item6 {background:transparent url(../images/photogallery_btn.gif) no-repeat; height: 33px;} #submenubox a#item7 {background:transparent url(../images/installationprocess_btn.gif) no-repeat; height: 33px;} #submenubox a#item8 {background:transparent url(../images/poolstyles_btn.gif) no-repeat; height: 33px;} #submenubox a#item9 {background:transparent url(../images/optionfeatures_btn.gif) no-repeat; height: 33px;} #submenubox a#item10 {background:transparent url(../images/whychoosevinyl_btn.gif) no-repeat; height: 33px;} #submenubox a#item11 {background:transparent url(../images/chemicalsaccessories_btn.gif) no-repeat; height: 33px;} #submenubox a#item22 {background:transparent url(../images/generalinformation_btn.gif) no-repeat; height: 33px;} #submenubox a#item6:hover {background-position:0px -33px; z-index:50;} #submenubox a#item7:hover {background-position:0px -33px; z-index:50;} #submenubox a#item8:hover {background-position:0px -33px; z-index:50;} #submenubox a#item9:hover {background-position:0px -33px; z-index:50;} #submenubox a#item10:hover {background-position:0px -33px; z-index:50;} #submenubox a#item11:hover {background-position:0px -33px; z-index:50;} #submenubox a#item22:hover {background-position:0px -33px; z-index:50;} /* ------ SPAS BUTTONS ------ */ #submenubox li.list12 {background:transparent url(../images/spaselections_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list13 {background:transparent url(../images/chemicalsaccessories2_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox a#item12 {background:transparent url(../images/spaselections_btn.gif) no-repeat; height: 33px;} #submenubox a#item13 {background:transparent url(../images/chemicalsaccessories2_btn.gif) no-repeat; height: 33px;} #submenubox a#item12:hover {background-position:0px -33px; z-index:50;} #submenubox a#item13:hover {background-position:0px -33px; z-index:50;} /* ------ SPAS BUTTONS ------ */ #submenubox li.list14 {background:transparent url(../images/spafaq_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list15 {background:transparent url(../images/poolfaq_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list16 {background:transparent url(../images/storefaq_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox a#item14 {background:transparent url(../images/spafaq_btn.gif) no-repeat; height: 33px;} #submenubox a#item15 {background:transparent url(../images/poolfaq_btn.gif) no-repeat; height: 33px;} #submenubox a#item16 {background:transparent url(../images/storefaq_btn.gif) no-repeat; height: 33px;} #submenubox a#item14:hover {background-position:0px -33px; z-index:50;} #submenubox a#item15:hover {background-position:0px -33px; z-index:50;} #submenubox a#item16:hover {background-position:0px -33px; z-index:50;} /* ------ ABOUT US BUTTONS------ */ #submenubox li.list17 {background:transparent url(../images/storelocations2_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list18 {background:transparent url(../images/storehours_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list19 {background:transparent url(../images/directions_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list20 {background:transparent url(../images/requestservice_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox li.list21 {background:transparent url(../images/contactinfo_btn.gif); background-repeat:no-repeat; width: 231px; height: 33px;} #submenubox a#item17 {background:transparent url(../images/storelocations2_btn.gif) no-repeat; height: 33px;} #submenubox a#item18 {background:transparent url(../images/storehours_btn.gif) no-repeat; height: 33px;} #submenubox a#item19 {background:transparent url(../images/directions_btn.gif) no-repeat; height: 33px;} #submenubox a#item20 {background:transparent url(../images/requestservice_btn.gif) no-repeat; height: 33px;} #submenubox a#item21 {background:transparent url(../images/contactinfo_btn.gif) no-repeat; height: 33px;} #submenubox a#item17:hover {background-position:0px -33px; z-index:50;} #submenubox a#item18:hover {background-position:0px -33px; z-index:50;} #submenubox a#item19:hover {background-position:0px -33px; z-index:50;} #submenubox a#item20:hover {background-position:0px -33px; z-index:50;} #submenubox a#item21:hover {background-position:0px -33px; z-index:50;} #quote { padding: 20px; } #footer { background-image: url(../images/footer_bg.jpg); background-repeat:no-repeat; background-position: 0px 0px; margin-left:auto; margin-right: auto; height: 85px; width: 834px; clear:both; font-size: 10px; color: #ffffff; text-align: left; } #footer p { margin: 0px; padding: 12px; } #footer a {color:#ffffff;text-decoration:none;} #footer a:hover {color:#990000;text-decoration:underline;}