/** * CSS Document for conairpet.com * @author Tony Collings * @version 1.0 * @date Jan 2009 */ /* HTML OVERRIDES ------------------------------------------------------------------------------------- */ body, ul,table {margin: 0px; padding: 0px; } body { text-align: center; color: #000; font : 12px Arial, Helvetica, sans-serif; font-size-adjust:none; } h1,h2,h3 {margin: 0px; padding: 0px; line-height: 110%; } p {} h1 {font-size: 14px; margin-left: -1px; } h2 {font-size: 12px; } sup {font-size: 11px; margin-top: 2px; } a {color: #43217c; text-decoration: none;} a:hover {color: #43217c; text-decoration: underline; } /* MODIFIERS ------------------------------------------------------------------------------------- */ /* Rounded Corners */ b.rtop, b.rbottom { display:block;background: #FFF; } b.rtop b, b.rbottom b { display:block;height: 1px; overflow: hidden; background: #dedfe0; } b.r1 { margin: 0 5px; } b.r2 { margin: 0 3px; } b.r3 { margin: 0 2px; } b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px;height: 2px; } .clear { font-size: 1px; line-height: 1px; height: 1px; clear: both; display: inline-block; } .red {color: #9c0c08} .bolder {font-weight: bolder; } .dkGrey {color: #444344;} .purple {color: #43217c;} .hd-color { color: #f4d35f; } /* yellow */ .caps {text-transform: uppercase; } .dkBlack {color: #444344; margin-top: 15px;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } /* LAYOUT ------------------------------------------------------------------------------------- */ #page_wrapper { width: 990px; text-align: left; margin: 10px auto; } #header { margin-bottom: 5px; } /*.header_content { height: 68px; } */ .header_content { background-image: url(../img/top_banner_pet.jpg); font color: #000000; height: 68px; } #header_nav { padding-left: 820px; padding-top: 43px; } #header_nav a { font-size: 11px; font-weight: bold; font-family: Verdana, sans-serif; color: #000; } #header_nav a:hover { text-decoration: none; color: #eee; } #logo { padding: 5px 0px 0px 10px; } #footer { margin-top: 5px; /*_margin-top: -10px;*/ color: #000; font-size: 11px; } #footer a:link, #footer a:visited { color: #000; text-decoration: none; } #footer a:hover, #footer a:active { text-decoration: underline; } #footer_links { text-transform: uppercase; } .footer_content { background-color: #dedfe0; text-align: center; padding: 9px 0px 2px 0px; } .footer_content ul { display: block; list-style-type: none; margin-left: 10px; } /* Tweak left margin to fake centering */ .footer_content li { display: inline; margin-right: 30px; vertical-align: middle; } .footer_content li img { vertical-align: middle; margin-top: -7px; _margin-top: -6px; } .footer_content li.lastitem {margin-right: 0px; } .menu { clear: both; margin-top: 5px; } .menu_content { height: 25px; background: #43217c url("img/paw_prints.gif") 10px 0px no-repeat; text-align: right; } #content { margin: 0px; height: auto; } #demoPage #content { } .contentOverflow { overflow: auto; height: 420px; /*border: 2px solid #3a0c6b;*/ background: #d6d6d6 url('images/customerServiceGradient.jpg') top left repeat-x; padding: 12px 24px; } /* PAGE SPECIFIC ------------------------------------------------------------------------------------- */ /* Index Page */ .promotions { _width: 995px; margin: 0px; padding: 0px; margin-top: 5px; height: 114px; text-align: center; } .promo { float: left; height: 114px; display: inline; padding: 0px; margin: 0px; background-color: #FFFFFF; text-align: left; } .lastpromo { margin-right: 0px; } #promo1 {} /* NOTE RE #promo2: padding-top + height must = 114px (.promo) */ #promo2 {} #promo3 {} /*#homepage-images {text-align: center; width: 990px; height: 313px; } *//* Dimensions of image */ /*#homepage-images img.preloader {margin: 100px 0px; }*/ div#homepage-image-wrapper { width: 990px; /* width of GFX */ height: 313px; overflow: hidden; } div#homepage-images { width: 4088px; /* Width is automatically adjusted by Mootools, just an initial value (4ximage.width) is set */ } div#homepage-images img { float: left; padding: 0px; } /* Contact Us */ .column_wrapper {} .leftCol {width: 300px; float: left; } .rightCol {width: 550px; float: right; } /* WHERE-TO-BUY TABS ------------------------------------------------------------------------------------- */ #tab_container { color: #000000; font: 14px Arial,Helvetica,sans-serif; margin-top: 20px; } ul.tabs { margin: 0; padding: 0 0 4px 0; border-bottom: 1px solid #c8c8c8; } li.tab { display: inline; padding: 12px 35px 4px 35px; list-style: none; background-color: #eee; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; cursor: pointer; border: 1px solid #c8c8c8; height: 44px; } li.tab.active { font-weight: bold; border-bottom: 1px solid #eee; } li.tab.selected { color: #b9110c; } #cat_wrapper { padding-top: 10px; padding-left: 110px; } #cat_images { vertical-align: bottom; padding: 0px; margin: 0px; position: relative; } #cat_images a { float: left; vertical-align: bottom; margin: 0px; padding: 0px; } /* * TAB-DIV CONTENT (MAIN CONTENT) */ .content { padding: .4em; background-color: #eee; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; } .data_content { width: 760px; overflow:auto; float: left; } .comp_box { margin: 0; padding-top: 5px; padding-left: 5px; float: left; width: 185px; height: 80px; text-align: left; color: #000000; font: 12px Arial,Helvetica,sans-serif; } .buy-wrapper { width: 769px; background: #908f8f url('../img/top_body.jpg') left top repeat-x; height: auto; padding-bottom: 10px; margin-bottom: 5px; position: relative; } .wrapper-center { text-align:center; margin:0 auto; } #ajaxLoad { text-align:center; margin:0 auto; padding-top: 50px; padding: 50px; } .infoTab { padding-left: 20px; width: 220px; height: 95px; } span#checkbox_one { display: block; height: 12px; left: 7px; top: 58px; width: 23px; position: absolute; } span#checkbox_two { display: block; height: 12px; left: 201px; top: 58px; width: 23px; position: absolute; } span#checkbox_three { display: block; height: 12px; left: 391px; top: 58px; width: 23px; position: absolute; } span#checkbox_four { display: block; height: 12px; left: 582px; top: 58px; width: 23px; position: absolute; } /* BRAND NAV pointer */ span.pointer { background: url("../img/nav_indicator.jpg") no-repeat scroll left top transparent; position: absolute; } span#nav-pointer-cfx { display: block; height: 12px; left: 17px; width: 23px; position: absolute; } span#nav-pointer-efx { display: block; height: 12px; left: 209px; width: 23px; position: absolute; } span#nav-pointer-yd { display: block; height: 12px; left: 402px; width: 23px; position: absolute; } span#nav-pointer-cp { display: block; height: 12px; left: 591px; width: 23px; position: absolute; } a#nav_01, a#nav_01:link, a#nav_01:visited { height: 87px; width: 192px; background: url("../img/distributor_nav_off_01.jpg"); display: block; } a#nav_01:hover { height: 87px; width: 192px; background: url("../img/distributor_nav_on_01.jpg"); display: block; } a#nav_02, a#nav_02:link, a#nav_02:visited { height: 87px; width: 192px; background: url("../img/distributor_nav_off_02.jpg"); display: block; } a#nav_02:hover { height: 87px; width: 192px; background: url("../img/distributor_nav_on_02.jpg"); display: block; } a#nav_03, a#nav_03:link, a#nav_03:visited { height: 87px; width: 192px; background: url("../img/distributor_nav_off_03.jpg"); display: block; } a#nav_03:hover { height: 87px; width: 192px; background: url("../img/distributor_nav_on_03.jpg"); display: block; } a#nav_04, a#nav_04:link, a#nav_04:visited { height: 87px; width: 192px; background: url("../img/distributor_nav_off_04.jpg"); display: block; } a#nav_04:hover { height: 87px; width: 192px; background: url("../img/distributor_nav_on_04.jpg"); display: block; } #zip_search { margin-top: 10px; } #zip_search input, #zip_search label { vertical-align: middle; } #zip_search label { color: #b9110c; margin: 0px 3px; font-size: 11px; } #zip_search-1 { float: left; padding-left: 110px; } #zip_search-2 { padding-left: 366px; } #google-map { display: none; height: 258px; margin-left: 109px; margin-top: 10px; width: 766px; border: 1px solid #000000; } a.viewMap { font-size: 12px; font-weight: bold; font-family: 12px Arial,Helvetica,sans-serif; color: #cebe6d; } a.viewMap:hover { text-decoration: none; color: #eee; } /* DIRECTORY PAGE */ #directory_index { margin: 0px 0px; text-align:center; padding: 20px 0px; } #directory_data a:link, #directory_data a:visited { color: #999999; font-size: 10px; text-decoration: none; } #directory_data a:active, #directory_data a:hover { text-decoration: underline; } #directory_index a.dist_letter { padding: 8px; font-size: 12px; background-color: #FFFFFF; color: #000000; border: 1px solid #c8c8c8; } #directory_index a.selected { border: 1px solid #b9110c; } #directory_index a:hover.dist_letter { border: 1px solid #b9110c; } /* FORMS ------------------------------------------------------------------------------------- */ form {margin: 0px; padding: 0px; } input, select, textarea {padding: 3px; font : 11px Arial, Helvetica, sans-serif;} #email_subscribe input#email_address { color: #5a595b; border: 1px solid #5a595b; width: 200px; } #email_subscribe input#submitBtn {vertical-align: middle; margin-top: -1px; *margin-top: -9px; _margin-top: -9px; } .formErrors {color: #c000c0; font-size: 11px; font-weight: bolder; text-align: left; } /* LEGACY ------------------------------------------------------------------------------------- */