/*------------------------------------------- Global Rules -------------------------------------------*/ /* Common Rules */ ul,ol { list-style:none; } h1,h2,h3,h4,h5,h6,pre,code { font-size:1.2em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;} a,a:link,a:visited{ text-decoration:underline; color: #2079C9; } a:hover{text-decoration:underline;} a:active{ text-decoration:none;} a img,:link img,:visited img { border:none; } hr{display: none;} .clear {height:0;font: normal 0/0 sans-serif;clear:both;} .inline{ display:inline !important; } .center{text-align:center !important;} .left{float:left; } .right{float:right;} .strong{font-weight:bold;} h2 { margin-bottom:10px; font: normal 20px georgia, serif; color: #AB1B09; } /* Forms */ .text_field {border:1px solid #CCCC99;padding:2px;color:#666;} /* body & wrapper styles */ body { background: #fff url(img/body_top_bg.gif) repeat-x top left;text-align: center;font-family : Arial,Verdana,sans-serif;font-size:62.5%;text-align:center;color: #333;} #top_stripes{ width: 100%;background: transparent url(img/body_bg_top.gif) repeat-x top left; height: 6px;padding:0; margin:0; font-size:1px;} #wrapper{ width: 920px;margin: 0 auto;text-align: left;position: relative;} #header{ width: 920px;margin:20px auto 0 auto;text-align: left;position: relative;padding:0;font-size:1px;height:113px; } /* image replacement on main logo */ h1#logo { width:300px;height: 54px; background: transparent url(img/embrace_logo.gif) no-repeat top left; float:left} h1#logo span{ display: block;width: 0;height: 0;overflow: hidden; } /* banner ad*/ #banner_ad{float:right;font-size:1px;line-height:0;background-color:#891508;margin:0;width:468px;height:60px;padding:0;z-index:9000} .clear-top{clear:both;padding:0;margin:0;} /* main nav */ #main_nav {clear:both;float:left;height:36px;background-color:#B81D0B;color:white;margin:23px 0 0 0;width: 920px;list-style: none;display: inline;} #main_nav li {float: left;list-style: none;display: inline;} #main_nav a {height: 0px !important;float:left;overflow: hidden;padding:36px 0 0 0;height /**/:36px; /* for IE5/Win only */ } #navHome{ width: 86px} #navHome a{ width: 86px;background: url(img/nav_home.gif) top left no-repeat; } #navDeals{width: 113px;} #navDeals a{ width: 113px; background: url(img/nav_deals.gif) top left no-repeat; } #navBlog{width: 77px;} #navBlog a{width: 77px;background: url(img/nav_blog.gif) no-repeat;} #navCompare{width: 199px;} #navCompare a{width: 199px;background: url(img/nav_pet_med.gif) no-repeat;} #navBuy{width: 211px;} #navBuy a{width: 211px;background: url(img/nav_pet_insurance.gif) no-repeat; } #navForum { width: 89px;} #navForum a{ width: 89px; background: url(img/nav_forum.gif) no-repeat; } #navPartner{width: 145px; } #navPartner a{ width: 145px; background: url(img/nav_partner.gif) no-repeat; } #main_nav li a:hover { background-position: 50% -36px;} #main_nav li a.currentSection, #main_nav li a.currentSection:hover { background-position: 50% -72px; } /* super nav */ #super_nav { position: absolute; top: 30px; right: 0;font-size:1.1em;line-height:0;} #super_nav li{display: inline; } #super_nav a,#super_nav a:link,#super_nav a:visited { padding: 0px 10px 1px 10px;color: #FDE0BD;border-right: 1px solid #fff;} #super_nav a:hover,#super_nav a:active { color:#fff;text-decoration:underline;} #super_nav a.last {border-right: none;padding: 0 0 0 10px;} /* content wrapper */ #content_wrapper{background: #fff url(img/content_wrapper_bg.gif) repeat-y top left;border:1px solid #eee;border-top:none;} #content_left{ float:left; width:580px;position:relative;top:0;left:20px;padding:20px 0px 0px 0;margin:0 0 20px 0} #content_left p{ font-size: 1.2em;line-height:1.6em;} #content_left ul{ font-size: 1.2em;line-height:1.6em;list-style-image: url("img/bullet.png");margin:10px 25px} #content_left h3 span{ display: block;width: 0;height: 0;overflow: hidden; } /* Right Column Wrapper */ #content_right{ float:right; width:280px; padding:40px 19px 20px 19px;background: transparent url(img/right_column_top.gif) no-repeat -3px 0px; } #content_right p{ font-size:1.2em;line-height:1.5em;color:#555;} /* Footer */ body #footer {background: #fff url(img/footer_bg.gif) repeat-x top left; width:100%;padding:20px 0 40px 0;} body #footer ul {margin-left:25px;} body #footer ul li{float:left;font-size:1.1em;margin:5px;color:#999;} body #footer ul li a{padding:0px 10px 0 0;border-right:1px solid #ccc; color:#666; } body #footer p {font-size:1.1em;margin:0 0 0 25px;} body #footer a.footer_last {border:none;color:#5DA24A} /*------------------------------------------- Page Specfic Rules -------------------------------------------*/ /*======== HOME PAGE ==========*/ #home #content_left{padding:0;} /* remove right padding for main illustration */ /* Intro Section */ #intro {background: #fff url(img/main_illustration.jpg) no-repeat top right;min-height:219px;height:auto;padding:20px 0px 40px 0;} #intro p{margin:0 240px 0 0} #intro_header {width:342px;height:54px;background: #fff url(img/header_intro.gif) no-repeat top left;margin:15px 0 15px 0;} #intro_header span{display: block;width: 0;height: 0;overflow: hidden; font-size:1px} /* image replacement on lower tabs */ h3#community_partners {width:187px;height:39px;background: url(img/header_community.gif) no-repeat top left;position:relative;top:0;left:-20px;} h3#community_partners span{font-size:1px;} h3#compare_pet_med {width:219px;height:39px;background: url(img/header_compare.gif) no-repeat top left;position:relative;top:0;left:-20px;} h3#compare_pet_med span{font-size:1px;} h3#forum_topic {width:138px;height:39px;background: url(img/header_forum_topics.gif) no-repeat top left;position:relative;top:0;left:-20px;} /* shadow on lower tab sections */ .tabbed_wrapper{ clear:left;float:left;width:563px;background: url(img/tabbed_divider.gif) 0 0 no-repeat ;padding:0 30px 0 20px; margin:0px 0 20px 0px;} /* community partners */ #content_left .community_partner{float:left;width:250px;margin:5px 15px 10px 0; } #content_left .community_partner img {float:left;margin-right:8px;border:1px solid #ccc;padding:2px; } #content_left .community_partner p {font-size:1.1em;line-height:1.5em;color:#666} #content_left .community_partner p strong {line-height:1.5em;color:#333;} /* Compare Pet Med Prices */ #compare_intro{ float:left; width:250px;color:#555;padding:0;margin:0} #compare_intro strong{color:#333;} #compare_search{ float:left; width:250px;position:relative;top:0;left:16px;} #compare_search p{font-size:1.1em;} #compare_search_highlight{background-color:#FFFFCC;border:1px solid #CCCC99;padding:5px 15px 10px 15px;margin:0 0 10px 0;} #compare_search label{font-weight:bold;color: #555;} img.bloodhound {float:left;margin:4px 10px 5px 0;} .forum_topic{float:left;width:250px;margin:5px 15px 10px 0; } #content_left .forum_topic p{font-size:1.1em;color:#7c7c7c;} #content_left .forum_topic p strong{font-size:1.1em;color:#4e4e4e;} #content_left .forum_topic p span{font-size:1.0em;color:#999;} #content_left .forum_topic a.folder{ float:left;padding:0 5px 0 20px;background: url(img/folder.gif) 0 50% no-repeat ;} /* Featured Partner */ #featured_partner {width:270px;border:5px solid #D9E8DF;background-color:#fff;text-align:center;padding: 0px;margin:0 0 0 00px} #featured_partner-in {padding: 10px;} h4#header_featured_partner{ width:237px;height:29px; background:#fff url(img/header_featured_partner.gif) no-repeat top center;width:100%;margin-top:0px;} h4#header_featured_partner span{display: block;width: 0;height: 0;overflow: hidden; } #featured_partner em {color:#999;font-style: normal;font-size: 0.9em; } #featured_partner p {color:#666;font-style: normal; } #featured_partner strong {color:#666;font-style: normal; font-size:1.2em;} /* Join Free Today */ #join_free{} #join_free p {line-height:1.4em;margin:5px 0;} #join_free label {float:left;display:block; width:80px; font-size:0.9em;font-weight:bold;color:#555;text-align:right;margin-right:8px;} #join_free .submit {margin-left: 88px } h4#header_join_free {width:143px;height:20px; background:transparent url(img/header_join_free.gif) no-repeat top left;margin:20px 0 5px 0;} h4#header_join_free span{display: block;width: 0;height: 0;overflow: hidden; font-size:1px } fieldset {border:none;margin:10px 0;} #join_free .privacy{font-size:11px; margin:0 0 0 5px;position:relative; top:-10px;left:0;} /* Login */ #login{background-color:#D9E8DF;border:2px solid #fff; } #login p {line-height:1.4em;margin:5px 0;font-size:11px;} #login label {float:left;display:block; width:80px; font-size:1em;font-weight:bold;color:#555;text-align:right;margin-right:8px;} #login .submit {margin-left: 88px } h4#header_login {width:53px;height:18px; background:transparent url(img/header_login.gif) no-repeat bottom right;padding:15px 0 0px 28px;} h4#header_login span{display: block;width: 0;height: 0;overflow: hidden; font-size:1px } fieldset {border:none;margin:10px 0;} #user_remember_me{margin-left:88px;} /* Learn About Pet Insurance */ h4#header_learn_about {width:237px;height:18px; background:transparent url(img/header_learn_insurance.gif) no-repeat top left;margin:20px 0 5px 0;} h4#header_learn_about span{display: block;width: 0;height: 0;overflow: hidden; font-size:1px } /* Related Weblog Articles */ h5#header_related_weblog {width:187px;height:12px; background:transparent url(img/header_weblog.gif) no-repeat top left;margin:20px 0 5px 0;} h5#header_related_weblog span{display: block;width: 0;height: 0;overflow: hidden; font-size:1px } #related_weblog em{ color:#8b8b8b;font-size:1.0em;font-style: normal;display:block;margin-top:2px;} #related_weblog p{ margin-bottom:15px;line-height:1.4em;font-size:1.1em;} #related_weblog a{color:#4e4e4e;border-bottom:1px solid #ccc;} #related_weblog a:hover{color:#000;border-bottom:1px solid #666;text-decoration:none;} /*======== FEEDBACK PAGE ==========*/ h2#header_feedback {width:308px;height:22px; background:transparent url(img/header_feedback.gif) no-repeat top left;margin:0px 0 5px 0;} h2#header_feedback span{display: block;width: 0;height: 0;overflow: hidden; } #feedback p{ font: normal 1.2em/1.6em arial, sans-serif; margin:2px 0 8px 0;} #feedback.info{ margin:0 0 10px 0; padding:0 0 0px 0;border-bottom:1px solid #ccc; width: 425px; } #feedback.info p{margin:0 0 4px 0; } #feedback #content_wrapper {background:#fff url(img/feedback_bloodhound.jpg) no-repeat bottom right;} /*======== COMPARE PET MED PAGE ==========*/ #compare #content_wrapper{ background: #fff url(img/compare_wrapper.gif) repeat-y 0 1px; font-size:1.2em;line-height:1.5em; } #compare #bread_crumb {background: #fff url(img/dots.gif) repeat-x bottom left;padding: 13px 0; font-size: 0.95em; color: #999;margin: 0 9px; height:auto; _height:1px;} #compare #bread_crumb a{color: #666; border-bottom: 1px solid #ccc; padding: 1px 0px; margin: 0 5px; text-decoration:none;} #compare #bread_crumb a:hover{ color: #333;text-decoration: none;border-bottom: 1px dotted #333; } #compare_filter{width: 214px;float: left; position: relative; top:0;left: 10px;margin:bottom:10px;} .section {border-bottom: 1px solid #CAE5D6; border-top: 1px solid #fff; padding: 10px 12px; } #compare .text_field{ padding: 4px 4px; width: 100px; margin-right: 5px;font-size: 1.2em;line-height: 1.4em;float: left;border:1px solid #CAE5D6; } .section ul a{font-size: .95em;text-decoration: underline;} #compare_results{float: right;width: 665px;min-height: 300px;position: relative;top:0;right:10px;padding: 20px 0;} .medicine{float: left;padding: 0 10px 20px 0;width: 155px; } .description{ float: left;width: 480px; } h2#compare_header_main{width:299px;height:25px; background:transparent url(img/header_compare_main.gif) no-repeat top left;margin:0px 0 15px 0;} h2#compare_header_main span {display: block;width: 0;height: 0;overflow: hidden; } #compare h3{padding: 0 0 .3em 0;} .price { color: #777;border-bottom: 1px solid #ccc;padding-bottom: 5px; margin-bottom: 5px;} .price span { color:#BC1F0E;} #compare table { width: 99%; padding: 0; margin: 0; background: transparent url(img/compare_table_top.gif) no-repeat top left; } #compare tr{padding: 0; } #compare td{padding: 8px 0; border-bottom: 1px solid #ccc;text-align: center;} #compare th {text-align: center;height: 29px;line-height: 29px;font-size: .95em;color: #887D2D; } /*table headers*/ #compare th.company_col {background: transparent url(img/compare_table_top_divider.gif) no-repeat top right; width:40%} #compare th.price_col {background: url(img/compare_table_top_divider.gif) no-repeat top right;width:30%} #compare th.shop_col {width:30%} /*table content*/ #compare td.company_col_content{ text-align: left; } #compare td.company_col_content p{float:left; font-size:.95em;line-height:1.4em;} #compare td.company_col_content img {float:left;margin:0 10px;border:1px solid #ccc;} #compare td.company_col_content a, td.company_col_content a:link,td.company_col_content a:visited{color:#777;border-bottom:1px solid #ccc;text-decoration:none;} #compare td.company_col_content a:hover {color:#333;border-bottom:1px solid #666;text-decoration:none;} #compare td.price_col_content{font-size: 1.4em;color: #333;line-height:1.0em;padding:0;margin:0; } #compare td.price_col_content span{font-size: 10px;color: #888;} #compare td.shop_col_content{padding:0;margin:0;} #compare td.shop_col_content img{padding:0;margin:0;} #compare a.buy_button{height:28px;display:block !important;text-decoration:none !important;line-height:0;} #compare a.buy_button img{height:28px !important;float:left;margin-left: 65px;} #compare td.even {background-color:#fff;} #compare td.odd {background-color:#f8f8f8;}