/* YOU CAN FIND THE HOMEPAGE STYLING WITHIN THE HOMEPAGE STYLESHEET - /assets/css/homepage.css*/ body { background:#fff; color:#000000; cursor:default; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;} .wrapper { background:#fff; font-size:1.2em; margin:0 auto; text-align:left; width:980px;} /* --------------------------------------------------------------------------------------------------------------------------------- 1) RESETS & UNIVERSAL CLASSES /* --------------------------------------------------------------------------------------------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;} fieldset, img, abbr, acronym { border:0 none;} table { border-collapse:separate; border-spacing:0;} :focus { outline:0;} address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;} caption, th { text-align:left;} h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after { content:"";} span.hidden, .special_message { display:none;} legend.hidden { display:none;} label.hidden { display:inline; left:-9000px; position:absolute;} .nomargin { margin:0 !important;} .marg_top { margin: 15px 0 0 0; } .marg_bottom_right { margin: 0 10px 10px 0;} .tick { display: block; width: 15px; height: 35px; float:left; vertical-align:middle; background: url("/assets/images/core/icons.gif") no-repeat left -160px; } .hidden { display: none; } .show { /*display: block;*/ } .vert_mid { vertical-align:middle; } h3.handcursor { cursor: pointer; font-size: 1.6em !important; font-weight:normal; } h3.handcursor img { float: left; position:relative; margin: 2px 5px 0 0 ; } .smallprint{ font-size: 0.8em; color:#555; } /* CONTENT DIVIDERS */ .divider { display: block; border: 1px solid #AFD2ED; border-width:0 0 1px; line-height: 1px; margin-bottom: 15px; } /* POSITIONING */ .pabsolute { position:absolute; } .prelative { position:relative; } .clear { clear:both; height:0; line-height:0; visibility:hidden;} .fleft { float:left;} .fright { float:right;} .fcenter { margin: 0 auto; } /* Please note, parent element needs text-align:center; */ .block { display: block; } /* DATE STYLES */ .date { } /* CONDITIONALS */ *[style], pre { font-size:inherit !important; font-family:Arial, Helvetica, sans-serif !important;}/* override inline styles */ /* Latest Clearfix methods */ .clearfix:after, .subheading:after, dl:after{ visibility: hidden; display: block; font-size:0; content:"."; clear: both; height:0; color: #fff; } * html .clearfix{ height: 1%; } /* IE6 */ *:first-child+html .clearfix{ display: inline-block; } /* IE7 */ #ie6 dl, #ie6 .subheading, #ie6 .prodlist dd, #ie6 .selectpop dd, #ie7 .clearfix, #ie7 dl, #ie7 .subheading{ display:inline-block;} .hidden{ display: none; } .visible{ display: block; } /* --------------------------------------------------------------------------------------------------------------------------------- 2) TYPOGRAPHY /* --------------------------------------------------------------------------------------------------------------------------------- */ a{ color:#3E88C8; font-weight:normal; text-decoration:none; cursor:pointer;} a:hover{ cursor:pointer; text-decoration:underline;} a:active{ text-decoration:underline;} h1, h2, h3, h4, h5, h6, p{ margin:0 0 12px 0;} p{ line-height:1.4em; } h1{ font-size:1.95em; letter-spacing:-0.01em;color:#3876C4; font-weight:bold;} h2{ font-size:1.7em; color:#3E88C8; } h2 span{ font-style:italic; display:block; } h3{ font-size:1.2em; color:#3E88C8; margin-bottom: 3px;font-weight:bold; } h4, h5, h6{ font-size:1.1em; font-weight:bold; margin-bottom:7px;} ol, ul{ margin-left:20px;} #content ol{ margin-left: 30px; margin-bottom: 20px; } li{ margin-bottom:3px; width:auto;} input, select, textarea, optgroup{ font:1em Arial, Helvetica, sans-serif; border: 1px solid #ccc;} input:focus, select:focus, textarea:focus{ border-color: #3E87C8; } strong{ font-weight:bold;} em{ font-style:italic;} .uline{ text-decoration: underline; } acronym{ font-weight:bold;} .caps{ text-transform:uppercase; } .bold{ font-weight: bold; } .left{ text-align:left !important; } .center{ text-align:center; } .right{ text-align:right; } .bluetext{ font-weight:bold; color: #3573C1; } /* --------------------------------------------------------------------------------------------------------------------------------- 3) BUTTONS /* --------------------------------------------------------------------------------------------------------------------------------- */ /* DEFAULT BUTTONS */ a.button{ display:block; color:#fff; text-align:center; padding:0 22px 0 5px; width:90px; height: 22px; line-height:22px; font-size:1.1em; font-weight:bold; background: #418ac9 url("/assets/images/core/buttons.gif") no-repeat left 0; } /* Default button based on more info width */ a.button span{ width: 20px; height:100%; background: url("/assets/images/core/buttons.gif") no-repeat right 0; position:absolute; right:-3px; top:0; } a:hover.button{ background: #317ab8 url("/assets/images/core/buttons.gif") no-repeat left -22px; text-decoration:none; } a:hover.button span{ background: url("/assets/images/core/buttons.gif") no-repeat right -22px; height:22px; } a.button.selected{ background: #317ab8 url("/assets/images/core/buttons.gif") no-repeat left -22px; text-decoration:none; cursor:default; } a.button.selected span{ background: url("/assets/images/core/buttons.gif") no-repeat right -22px; height:22px; } a.purple_small{ background-position: left -54px; background-color:#b38fc2; } a.purple_small span{ background-position: right -54px; } a:hover.purple_small{ background-position: left -76px; background-color:#a782b7; } a:hover.purple_small span{ background-position: right -76px; } a.yellow_large{ background-position: left -108px; background-color:#d99e24; text-align:center; margin:10px 0 0; width:100px; height: 29px; line-height:29px; font-size:1.2em; } a.yellow_large span{ background-position: right -108px; width: 25px; height:29px !important; } a:hover.yellow_large{ background-position: left -137px; background-color:#c08d23; } a:hover.yellow_large span{ background-position: right -137px; } a.purple_large{ background-position: left -244px; background-color:#b38fc2; text-align:center; margin:10px 0 0; width:100px; height: 29px; line-height:29px; font-size:1.2em; } a.purple_large span{ background-position: right -244px; width: 25px; height:29px !important; } a:hover.purple_large{ background-position: left -273px; background-color:#a782b7; } a:hover.purple_large span{ background-position: right -273px; } a.blue_large{ background-position: left -176px; background-color:#418ac9; text-align:center; margin:10px 0 0; width:100px; height: 29px; line-height:29px; font-size:1.2em; } a.blue_large span{ background-position: right -176px; width: 25px; height:29px !important; } a:hover.blue_large{ background-position: left -205px; } a:hover.blue_large span{ background-position: right -205px; } a.blue_to_orange{ background-position: left -312px; background-color:#093190; text-align:center; margin:10px 0 0; width:100px; height: 35px; line-height:35px; font-size:1.4em; } a.blue_to_orange span{ background-position: right -312px; width: 25px; height:35px !important; } a:hover.blue_to_orange{ background-position: left -347px; background-color:#cb8e06; } a:hover.blue_to_orange span{ background-position: right -347px; } a.left_arrow{ background-position: right -392px; background-color:#093190; padding:0 5px 0 15px; } a.left_arrow span{ background-position: left -392px; position:absolute; left:0; top:0; } a:hover.left_arrow{ background-position: right -414px; background-color:#cb8e06; } a:hover.left_arrow span{ background-position: left -414px; } /* RELEVANT BUTTONS */ a.readmore{ right:13px; } /* Small Readmore button */ a.readmore_content{ width: 90px; } a.number{ width: 20px; margin-right: 10px; right:13px; padding-right: 5px; text-align:center; } /* Small Readmore button */ a.number span{ width: 5px; } a.readmore_large{ width: 90px; } /* Large Readmore button */ a.emailus{ width: 70px; right:13px; } a.findapet{ position: absolute; right:9px; } a.moreinfo{ right:3px; width:63px; font-size: 0.95em; } a.businessfinder{ position: absolute; right:9px; bottom: 15px; text-align:center; width:90px; font-size: 0.95em; } /* Business Finder Button */ a.close{ width: 50px; } a.arrow{ padding-left: 10px; background: url("/assets/images/core/icons.gif") no-repeat -5px 0px; } a.mgm{ width: 280px; margin-bottom: 15px; } a.get_address{ position: absolute; top:-1px; left:100px; } a.get_address_double{ position: absolute; top:-1px; left:170px; } a.nominate_now{ width: 120px; line-height: 29px; } a.submit_payment{ width: 135px; } a.submit{ width: 80px !important; } a.setup_annual_pol{ width: 215px; } a.sign_me_up{ width: 215px; } a.validate_voucher{ width: 120px; } a.policy_button{ display: block; width: 190px; height: 62px; position:relative; overflow:hidden; margin: 20px 0 20px; } a.policy_button span{ background: url("../images/policies/policy_buttons.gif") no-repeat top left; position:absolute; top:0; left:0; width:100%; height: 100%; } a:hover.policy_button{ } a:hover.policy_button span{ background-position: 0 -62px; } a.policy_button_large{ width: 248px; margin:0; } a.policy_button_large span{ background-position: -190px 0; } a:hover.policy_button_large span{ background-position: -190px -62px; } /* --------------------------------------------------------------------------------------------------------------------------------- 4) PAGE STRUCTURE /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Header */ #header { background:#fff url("/assets/images/core/xgradients.gif") repeat-x 0 0; color:#24A08C;} #header #innerheader { padding-left: 10px; height:77px; padding-top:25px; position:relative; text-align:center;} /* General header Logo */ #header a.logo { position:absolute; top:0; display:block; cursor:pointer; color:#3876C4; font-size: 1.0em; font-weight:bold; padding: 28px 0 0;} /* Dog header Logo */ #header a#doglogo{ width: 101px; height:74px; left:0; } #header a#doglogo span{ background: url("/assets/images/core/logos.gif") no-repeat top left; width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; } /* Dog header Logo */ #header a#companylogo{ width: 164px; height: 39px; overflow:hidden; right:43px; top: 25px; } #header a#companylogo span{ background: url("/assets/images/core/logos.gif") no-repeat top right; width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; } #header .message{ position: absolute; top:30px; left:105px; width:260px; text-align:left; line-height:1.3em; font-size: 0.9em;} #header .site_search{ background: #dbe9f5 url("../images/core/site_search_sprite.gif") no-repeat top left; width: 330px; position:absolute; top:30%; right:33%; padding: 6px 0 0 8px; overflow:hidden; } #header .site_search div.closer{ background: url("../images/core/site_search_sprite.gif") no-repeat top right; height: 40px; width: 8px; float: right; margin-top: -6px; } #header .site_search form{ padding:0; margin:0; float:left; z-index: 5000; } #header .site_search input{ width: 239px; height:24px; padding: 3px 76px 3px 3px; line-height: 20px; } #header .site_search input.search_text{ height: 18px; border: 2px solid #cfe1f1; color:#3E88C8; font-size: 1.2em; line-height: 18px } #header .site_search .search_btn{ background: url("../images/core/site_search_sprite.gif") no-repeat 0 -60px; width: 65px; color: #3574c3; font-weight: bold; padding: 3px 3px 3px 3px; position:absolute; top:2px; right:2px; border: none; text-align:center; } .ie6 #header .site_search .search_btn, .ie7 #header .site_search .search_btn{ top: 3px; } .box a.christmas_link{ position: relative; left: auto; bottom: auto; } #header .opening_link{ position:absolute; bottom:10px; left:0; width:100%; text-align:center; } #header .opening_link a{ color:#BA0401;font-weight:bold;text-decoration:underline; } #header .opening_link a:hover{ color:#000; } /* Header Navigation */ #nav { background:#fff; background: url("/assets/images/core/xgradients.gif") repeat-x 0 0; height:31px; text-align:left; border: 1px solid #C0D8ED; border-width: 1px 0; z-index: 3000; width: 100%; } #nav dl { margin:0 auto; display:inline-block; padding-left: 2px; } #nav dd { display:inline; padding:0;} #nav a { background: url("/assets/images/core/xgradients.gif") repeat-x 0 -102px; color: #3573c0; padding:0 42px 0 42px; height:31px; line-height:31px; font-size:1.1em; margin:0 -1px 0 -2px; border:1px solid #DBE9F5; border-width:0 2px 0 0; display:inline-block; white-space:nowrap; position:relative; cursor:pointer;} .ff2 #nav a{ padding:10px 25px 8px 26px; } #nav a:hover { background-color:#4088C9; background-position:0 -134px; color:#fff; text-decoration:none; border-bottom: none;} #nav a:focus, #nav a:active, #nav a.selected, #nav a.selected:hover { color:#fff; background-color:#4088C9; background-position:0 -134px;} #nav #page1 a{ padding-left: 46px; } #nav #page6 a{ border-right: none; padding-right: 47px; } /* MENU NAVIGATION */ .menuHolder{ position: relative; background: url("/assets/images/core/xgradients.gif") repeat-x 0 -102px; height: 31px; z-index: 1000; border: 1px solid #C0D8ED; border-width: 1px 0; padding:0; margin: 0; text-align:center; } /* TOP level */ .menuHolder ul{ list-style-type: none; margin:0 auto; padding:0; background: url("/assets/images/core/xgradients.gif") repeat-x 0 -102px; position:relative; text-align:left; } .menuHolder ul li{ display: block; margin:0; padding:0; float: left; position:relative; } .menuHolder ul li a{ display: block; padding:8px 47px 7px 47px; margin: 0; float: left; border:1px solid #DBE9F5; border-width:0 2px 0 0; font-size:1.1em; } .menuHolder ul li.page1 a.aTop{ padding:8px 35px 7px 35px; } .menuHolder ul li.page2 a.aTop{ padding:8px 34px 7px 38px; } .menuHolder ul li.page3 a.aTop{ padding:8px 30px 7px 30px; } .menuHolder ul li.page5 a.aTop{ padding:8px 30px 7px 30px; } .menuHolder ul li.page6 a.aTop{ padding:8px 33px 7px 33px; } .menuHolder ul li.page7 a.aTop{ padding:8px 31px 7px 33px; } #ie6 .menuHolder ul li.page7 a.aTop{ padding:8px 31px 7px 30px; } .menuHolder ul li.last a{ border:0; } .menuHolder ul li:hover, .menuHolder ul li.selected a.aTop{ background: url("/assets/images/core/xgradients.gif") repeat-x 0 -134px; } .menuHolder ul li:hover > a, .menuHolder ul li.selected a{ color: #fff !important; } .menuHolder ul li.selected a{ color: #fff !important; } /* SECONDARY level */ .menuHolder ul ul{ display: none; position:absolute; top: 31px; left:0; background: #E0ECF6; padding-bottom: 5px; width:180px; border: 1px solid #C0D8ED; border-width: 0 1px 1px; overflow:hidden; } .menuHolder ul li.page2 ul{ width: 178px; } .menuHolder ul li.page3 ul{ width: 198px; } .menuHolder ul li.page5 ul{ width: 185px; } .menuHolder ul li.page6 ul{ width: 176px; } .menuHolder ul ul li{ width: 100%; display: block; float: left; padding:0; } .menuHolder ul ul li a{ width: 100%; padding: 5px 0 5px 10px; color:#3E87C8 !important; border-bottom: 0; float: left; position:relative; } .menuHolder ul li:hover ul{ display: block; } .menuHolder ul li:hover ul li{ background: #E0ECF6; } .menuHolder ul li:hover ul li a{ color: #3E87C8 !important; } .menuHolder li.selected ul li a{ color:#3E87C8 !important; } .menuHolder ul ul li a:hover{ color: #3E87C8; background: #fff; } /* Page Layout */ /*EXTRA CSS -> look in css/columns for page layout widths*/ #content { background:#fff; display:block; position:relative; padding: 20px 0 10px;} #inner { display:block; overflow:hidden;} #left, #right { background:#fff; position:relative; width:165px; } #left { float:left; left:0px; z-index:98; width:190px; } #left .inner { padding:0;} #right { float:right; right:0px; z-index:99;} #right .inner { padding:0;} #centre { display:block; height:1%; position:relative; z-index:97; } #centre:after{ content:" "; clear:both; visibility:hidden; } #centre .inner { overflow:hidden; padding: 0 15px;} #ie6 #centre .inner{ padding:0; } /* Footer */ #footer { background:#fff; color:#3E88C8; clear:both; border-top: 3px solid #E2ECF7; display:block; padding:10px 10px; position:relative; overflow:hidden;} #footer .smallprint{ font-size: 0.9em; color:#B4B4B4; line-height:1.3em; } #footer .footer_nav{ list-style-type: none; margin:3px 0 10px; padding:0; } #footer .footer_nav li{ float:left; position:relative; margin-right:5px; } #footer .footer_nav a{ font-size: 0.9em; } #footer .footer_nav a.selected{ text-decoration: underline; } #footer .footer_ver_logo{ float:right; position:relative; margin-top: -20px; } #footer ul.social_media{ overflow:hidden; list-style-type: none; margin-bottom: 10px; margin-top: 20px; } #footer ul.social_media li{ float: left; position:relative; list-style-type: none; text-align:left; margin-right: 10px; } #footer ul.social_media li a{ text-indent: -9000px; background: url("/assets/images/core/icons.gif") no-repeat -422px -98px; width: 26px; height: 26px; display: block; } #footer ul.social_media li.social_caption{ font-size: 1.2em; padding-top: 5px; } #footer ul.social_media li.social_facebook a{ } #footer ul.social_media li.social_twitter a{ background-position: -448px -98px; } #footer ul.social_media li.social_youtube a{ background-position: -474px -98px; } #footer ul.social_media li.last{ margin-right:0; } #footer #copyright { } #footer #copyright span { font-size:1.6em; } /* --------------------------------------------------------------------------------------------------------------------------------- 5) STYLING FOR FORMS /* --------------------------------------------------------------------------------------------------------------------------------- */ form{ padding-bottom: 10px; position:relative; } form h3{ color:#3E88C8; font-size: 14px !important; font-weight:bold; padding-bottom: 3px; border-bottom: 1px solid #AFD2ED; } form h3 a{ font-weight:bold; } .str_line{ position:relative; padding: 5px 0 5px; overflow:hidden; border-bottom: 1px dotted #e5e5e5; } * html .str_line{ height: 1%; } .noborder{ border:0; } .str_left, .str_right{ float:left; position:relative; width: 38%; } .str_left{ padding: 2px 0 0 0; width:30%; margin-right: 10px; } .str_left label{ font-size: 1.0em; display:block; padding-left: 15px; } .str_right{ width: 60%; position: relative; } .str_right input{ width: 80%; padding: 2px; } .str_line textarea{ width: 87%; padding: 2px; height:100px; } .str_right select{ padding:2px;} .str_right select.error_red{ padding:2px; } .str_right .btn{ width: auto; } .str_right .input_small{ width: 20%; } .str_right .input_radio{ width: 15px; margin-right: 5px; border: 0; } .str_right .input_checkbox{ width: 15px; margin-right: 5px; border: 0 !important; } .str_right .marg_left{ margin-left: 20px; } .str_right .dayfield{ width: 60px; } .str_right .monthfield{ width: 60px; } .str_right .yearfield{ width: 60px; } .str_right .postcode_field{ width: 80px; position: absolute; top:0; left:0; text-transform:uppercase; z-index:5; } .str_right .addressbox{ width: 82%; } /* Used for Horizontal radio options */ ul.radio_options{ list-style-type: none !important; margin:0; } ul.radio_options li{ float:left; position:relative; padding:0; margin-right: 15px;} /* Used for Vertical checkbox options */ ul.checkbox_options{ list-style-type: none !important; margin:0; padding:0; } ul.checkbox_options li{ } .req{ width:10px; height: 11px; position:relative; vertical-align:top; color:#8dc22f; font-weight:bold; font-size: 1.6em; display:inline-block; margin: 0 0 0 0; } .req span{ background: url("/assets/images/core/icons.gif") no-repeat -487px -1px; display:block; position:absolute; top:0; left:0; width: 100%; height:100%;} .str_line .req { width: 16px; position: absolute; top:2px; left:0;} form .req{ height: 20px; } form h3 .req span{ background-position: -487px 1px; } /* --------------------------------------------------------------------------------------------------------------------------------- 6) BOX MODEL WITH NAVIGATION /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Box Model */ .box{ border: 1px solid #dbe9f5; position:relative; background:#FCFDFE url("/assets/images/core/box_bg.gif") repeat-x left bottom; padding: 6px; margin: 0 0 15px; } .box .inner{ padding: 6px; border: 2px solid #d1e1f1; border-width: 2px 0 0; } /* Box Title styling */ .box h2{ font-size: 1.1em; font-weight:bold; padding: 0; margin:0 0 5px; } /* Default list styling */ .box ul{ list-style-type:none; margin:0; padding:0; } .box li{ width:100%; margin:0; padding:0; border: 2px solid #ecf3fa; border-width: 0 0 3px; } .box li a{ display: block; padding: 8px 0 4px; } .box li a:hover{ color:#295B9B; text-decoration:none;} .box li a.selected{ color:#0200bf; text-decoration:underline; } /* Navigation styles */ .box .sub0{ } .box .sub0 li.first{ } .box .sub0 li.last{ } .box .sub0 li a{ background: url("/assets/images/core/icons.gif") no-repeat -5px 10px; padding-left: 10px; } /* Sub level 1 */ .box .sub1 li{ border: none; } .box .sub1 li.first{ } .box .sub1 li.last{ } .box .sub1 li a{ background: url("/assets/images/core/icons.gif") no-repeat 5px 2px; padding: 3px 0 2px 20px; border: none; } .box .sub1 .last a{ padding-bottom: 4px; } /* Always place .last class on li */ /* Sub level 2 */ .box .sub2 li{ border: none; } .box .sub2 li.first{ } .box .sub2 li.last{ } .box .sub2 li a{ background: url("/assets/images/core/icons.gif") no-repeat 18px 2px; padding: 3px 0 2px 35px; border: none; } .box .sub2 li.last a{ padding-bottom: 4px; } /* Always place .last class on li */ /* Sidebox for the sub pages should have an id of #subnavigation*/ #left .box#sub_navigation{ padding:0; padding-bottom: 55px; } #left .box#sub_navigation .inner{ padding-top: 0; } #left .box#sub_navigation h2{ font-size: 1.35em; padding: 5px 6px 0; } /* RIGHT GLOBAL box model */ #right .box{ padding: 6px 0; } #right .box .inner{ padding: 6px; } #right .box h2{ font-size: 1.35em; padding: 0 6px 0; } /* LEFT GLOBAL box model */ #left .box{ padding: 6px 0; } #left .box .inner{ padding: 6px; } #left .box h2{ font-size: 1.35em; padding: 0 6px 0;} /* CENTRE GLOBAL box model */ #centre .box{ padding-bottom: 20px; background-position: right bottom; } #centre .box .inner{ border: none; padding: 0 0 10px; } #centre .box h3{ font-size: 1.37em; margin:0; padding:0; } #centre .box h3 a{ font-weight: bold; } #centre .box h3 a:hover{ color:#295B9B; text-decoration:none; } #centre .box .image{ float:left; position:relative; margin: 0 10px 0 0; } #centre .box .image img{ display: block; } #centre .box .image:after{ content:" "; clear:both; visibility:hidden; } #centre .box .readmore{ right:25px; } #centre .box.small_inner{ } #centre .box.small_inner .image{ } #centre .box.small_inner .inner{ width: 61%; float: left; position:relative; overflow:visible; } #centre .box.small_inner .readmore{ top: 35px; } #centre .box.christmas_opening{ padding: 10px 33px; font-size: 1.3em; position:relative; height:1%; } #centre .box.christmas_opening h2{ color: #ff0000; font-size: 1.2em; } #centre .box.christmas_opening table{ border: 0; } #centre .box.christmas_opening table th{ background: none; color: #3e88c8; border: 1px solid #e8f1f9; border-width: 0 3px 3px 0; } #centre .box.christmas_opening table td{ background: none; border: 1px solid #e8f1f9; border-width: 0 3px 0 0; padding: 4px; } #centre .box.christmas_opening table .last{ border-right: 0; } #centre .box.christmas_opening .htl, #centre .box.christmas_opening .htr, #centre .box.christmas_opening .hbl, #centre .box.christmas_opening .hbr{ background: url("/assets/images/christmas/contact_holly.gif") no-repeat top left; width: 29px; height: 29px; position: absolute; } #centre .box.christmas_opening .htl{ background-position: top left; top:3px; left:3px; } #centre .box.christmas_opening .htr{ background-position: top right; top:3px; right:3px; } #centre .box.christmas_opening .hbl{ background-position: bottom left; bottom:3px; left:3px; } #centre .box.christmas_opening .hbr{ background-position: bottom right; bottom:3px; right:3px; } #centre .box.bank_holiday{ padding: 10px 10px; font-size: 1.3em; position:relative; height:1%; } #centre .box.bank_holiday h2{ font-size: 1.2em; } #centre .box.bank_holiday table{ border: 0; } #centre .box.bank_holiday table th{ background: none; color: #3e88c8; border: 1px solid #e8f1f9; border-width: 0 3px 3px 0; } #centre .box.bank_holiday table td{ background: none; border: 1px solid #e8f1f9; border-width: 0 3px 0 0; padding: 4px; } #centre .box.bank_holiday table .last{ border-right: 0; } /* Remove the border from the #centre elements */ #centre .box li{ border: none; } #centre h1, #centre h2{ margin-bottom: 5px; } /* Date of Birth Box */ .box#dateofbirth, .box#dateofbirth2{ position:relative; z-index:300; display:none; background: url("/assets/images/core/box_bg.gif") repeat-x bottom left; padding-bottom: 0; } .box#dateofbirth h4, .box#dateofbirth2 h4{ font-weight:bold; } .box#dateofbirth p, .box#dateofbirth2 p{ margin:0; } .box#dateofbirth ul, .box#dateofbirth2 ul{ margin-left: 20px; list-style-type:disc } .box#dateofbirth li, .box#dateofbirth2 li{ border: none; margin:0; padding:0; } /*.box#existcust{ position:relative; z-index:300; display:none; background: url("/assets/images/core/box_bg.gif") repeat-x bottom left; padding-bottom: 0; } .box#existcust h4{ font-weight:bold; } .box#existcust p{ margin:0; } .box#existcust ul{ margin-left: 20px; list-style-type:disc } .box#existcust li{ border: none; margin:0; padding:0; }*/ #centre .box.benefits{ border:0; width: 758px; padding: 10px 0 0; position:relative; margin-top: 36px; height: 1%; } .ie6 #centre .box.benefits{ width: 700px; } #centre .box.benefits .inner{ padding: 0 10px; margin:0; height: 1%; } #centre .box.benefits .title_header h2{ font-size: 1.9em; } #centre .box.benefits .title_header img{ position: absolute; top:0;right:0; } #centre .box.benefits .title_header{ padding: 5px 10px; } #centre .box.benefits .vlist{ list-style-type: none; margin:0 !important; padding:0; } #centre .box.benefits .vlist li{ background: url("../images/core/bens_green_tick.gif") no-repeat left 5px; margin:0; list-style-type: none; padding:0 0 0 35px !important; margin-bottom: 10px !important; width: 95%; height: 1%; } #centre .box.benefits .bottom{ background: url("../images/core/pp_benefits_footer.gif") no-repeat top left; height: 30px; width:758px; } #centre .box.benefits .vlist a{ color:#3E88C8; text-decoration:none; font-weight:bold; font-size:14px !important; } #centre .box.benefits .vlist a:hover, #centre .box.benefits .vlist a.active{ color: #875C8A; text-decoration:underline;} .policy_img{ position: absolute; top:0px; right:40px; float: none; } /*.policy_img{ position: relative; top:-505px; right:-570px; float: none; }*/ #centre .box.essential{ background: #c6eeca url("../images/core/pp_benefits_headers.gif") no-repeat 0 0; } #centre .box.essential .title_header h2{ color: #50BA6C; } #centre .box.essential .vlist a:hover, #centre .box.essential .vlist a.active{ color: #50BA6C; } #centre .box.classic{ background: #bcd6fb url("../images/core/pp_benefits_headers.gif") no-repeat -758px 0; } #centre .box.classic .title_header{ border-color: #5290CC; } #centre .box.classic .title_header h2{ color: #5290CC; } #centre .box.classic .vlist li{ background-image: url("../images/core/bens_blue_tick.gif"); } #centre .box.classic .bottom{ background-position: -758px 0 !important; } #centre .box.classic .vlist a:hover, #centre .box.classic .vlist a.active{ color: #5290CC; } #centre .box.ultimate{ background: #dac3e0 url("../images/core/pp_benefits_headers.gif") no-repeat -1516px 0; } #centre .box.ultimate .title_header{ border-color: #5290CC; } #centre .box.ultimate .title_header h2{ color: #875C8A; } #centre .box.ultimate .vlist li{ background-image: url("../images/core/bens_pink_tick.gif"); } #centre .box.ultimate .bottom{ background-position: -1516px 0 !important; } #centre .box.ultimate .vlist a:hover, #centre .box.ultimate .vlist a.active{ color: #875C8A; } /* --------------------------------------------------------------------------------------------------------------------------------- 7) GENERAL COLUMN STYLES /* --------------------------------------------------------------------------------------------------------------------------------- */ /* Right column image and overlay style */ .column .image{ margin: 0 0 15px; position:relative; width:165px; height: 165px; } .column .image img{ display:block; } .column .image span{ background: url("/assets/images/core/image_overlay.png") no-repeat top left; position:absolute; left:0; display:block; width:100%; height:100%; } .column .image span.overlay_top{ top:0; } .column .image span.overlay_bottom{ background-position: bottom left; height: 15px; bottom:-1px; } .ie6 .column .image span{ background-image: url("/assets/images/core/image_overlay.gif"); } /* SPECIFIC HEIGHTS FOR DIFFERENT IMAGES */ .column .image#large{ height: 215px; } .column .image#ppm_frontcover{ height: 220px; } .column img{ margin: 0 auto; } /* Can be overwritten by putting #left/#right/#centre directly after .column but column is for all 3. e.g .column#left */ .column .phone{ display: block; color:#295B9B; font-size: 1.5em; font-weight:bold; margin: 6px 0; } #centre .phone{ color:#3E88C8; font-size: 1.3em; font-weight:bold; } /* Centre content area styles */ #centre ul{ margin-bottom: 20px; } #centre ul li{ margin-top: 7px; } #centre a{ text-decoration: underline; } #centre a:hover{ text-decoration:none; } #centre h1 a, #centre h2 a, #centre h3 a, #centre h4 a, #centre a.button{ text-decoration: none; } .contact_phone{ } .contact_phone .title{ font-size:1.0em; color:#000; font-weight:normal; margin: 0 0 5px; } .contact_phone .topmarg{ margin-top: 6px; } .contact_phone p{ color: #3E88C8; font-size:1.2em; margin:-7px 0; padding:0; font-weight:bold; } .contact_phone h2{ margin:-5px 0 0; padding:0; font-size: 1.8em; font-weight:bold; } #centre p { margin: 12px 0; line-height:1.4em; } #centre p, #centre li{ font-size: 1.05em; } /* CHOICES - Styles used on the choices page */ #choices #centre .box{ padding-bottom: 0; } #choices #centre .box h3{ margin-top: 25px; float:left; position:relative; } #choices #centre .box a.button{ margin-top: 23px; } /* Vet Cat Dropdown Styles for Vetawards 2010 page */ #vetcat #lay1, #vetcat #lay2, #vetcat #lay3, #vetcat #lay4, #vetcat #lay5{ display:none; margin-left:20px; } #vetcat h3{ margin-bottom: 5px; } #vetcat a { font-weight:bold; background: url(../images/core/icons.gif) no-repeat -4px 0; padding-left:12px; margin-left:10px; margin-bottom: 5px; } #vetcat a:hover { text-decoration:underline; color:#DBA925; } .normallist { list-style-type: disc !important; } .normallist li{ width: 100%; } #centre .box ul.vlist{ list-style-type: disc !important; margin-left: 20px; } #centre .box ul.vlist li{ width: auto; list-style-position:outside; margin:0; padding:0; } /* --------------------------------------------------------------------------------------------------------------------------------- 8) TABLES /* --------------------------------------------------------------------------------------------------------------------------------- */ table { width: 100%; border: 1px solid #8f9cbf; color: #3e88c8; font-size: 1.05em; margin-bottom: 15px !important; padding:0; margin:0; } table th { background: #7FB2DF url("/assets/images/core/table_backgrounds.gif") repeat-x top left; height:26px; line-height:16px; padding: 5px 5px; color:#fff; font-weight:bold; } table td { background: url("/assets/images/core/table_backgrounds.gif") repeat-x bottom left; vertical-align:top; padding: 7px 5px; border-bottom:1px solid #8f9cbf; } table td.left180 { width: 180px; } table td a { font-weight: bold; } table td a:hover { color:#E4A522; } table td a.selected { color:#E4A522; } table td.bottom { border-bottom: none; } table td.styled { background: #fff; } table td.dash { font-size: 1.7em !important; font-weight:bold; color:#B8CEE9; } /* SPECIFIC TABLES */ table.yellow th { background: #FAB320; color:#000; height: auto; line-height:15px; padding: 5px; } table.yellow .title { width: 25%; } table.claimslist th { background: #FAB320; color:#000; height: auto; line-height:15px; padding: 5px; border-right: 1px solid #DBE9F5; } table.claimslist td { border-right: 1px solid #DBE9F5; color: #000; border-top:1px solid #8f9cbf; border-bottom:0; } table.claimslist .title { width: 25%; } table.claimslist .bluetext { color: #3E88C8; font-weight: normal; background: #DDEAF6; border-top:0; } /* PRODUCT COMPARISON TABLE 16/11/2010 */ #productcomptable th {background:#ffffff;color:#3E88C8;border-bottom:1px solid #8F9CBF;border-right:1px solid #8F9CBF;font-size:13px} #productcomptable td {border-bottom:1px solid #8F9CBF;border-right:1px solid #8F9CBF;text-align:center;background:#ffffff;color:#000000;font-size:13px; padding-top:5px;} #productcomptable th.gradHeader {color:#ffffff;background:url("/assets/images/core/table_backgrounds.gif") repeat-x scroll left top #7FB2DF;border-right:1px solid #8F9CBF;text-align:center;font-size:13px; padding:0px;} #productcomptable th.lgradHeader{ background: #e9f2f9 url("../images/core/lgradheader.gif") repeat-x top left; border:0;border-bottom:1px solid #8F9CBF; color: #3f89c8; } #productcomptable .alignleft {text-align:left; padding-left:14px;} #productcomptable th.policyBens {font-size:18px !important;} #productcomptable td.policyBens {font-weight:bold;color:#3E88C8;} #productcomptable td.noBenefit{ font-weight: bold; color:#3E88C8; font-size: 18px !important; } #productcomptable .tooltip div{ background:url("/assets/images/products/icon_bg.gif") no-repeat 150px 2px transparent; } #productcomptable.essential td{ background: #c6eeca !important; text-align:left; border: 0; } #productcomptable.comparison_table{ } #productcomptable.comparison_table .smalltext{ font-size:10px; color: #555; display: block; font-weight:normal; } #productcomptable.comparison_table thead th{ width: 122px; vertical-align:bottom; } #productcomptable.comparison_table thead th span{ display: block; padding-bottom: 5px; } #productcomptable.comparison_table tbody th{ background-color: #F4F9FC; font-size: 12px !important; } #productcomptable.comparison_table tbody td{ background-color: #d4dff2; color: #3E88C8; font-weight: bold; vertical-align:middle; font-size: 14px !important; } #productcomptable.comparison_table tbody td.blank{ background-color: #fff; border-color: #d4dff2; } #productcomptable.comparison_table tbody th, #productcomptable.comparison_table tbody td{ border-color: #fff; border-width: 2px; } #productcomptable.comparison_table tbody th.btm_last, #productcomptable.comparison_table tbody td.btm_last{ border-bottom:0; } #productcomptable.comparison_table tbody td.last_right{ border-right:0; } #productcomptable.comparison_table tbody td.cross { vertical-align:middle;} /* --------------------------------------------------------------------------------------------------------------------------------- 8) ICONS /* --------------------------------------------------------------------------------------------------------------------------------- */ a.pdf { background: url("/assets/images/core/icons.gif") no-repeat left -265px; padding-left: 22px; line-height: 20px; display: inline; } a.email { background: url("/assets/images/core/icons.gif") no-repeat left -286px; padding-left: 22px; line-height: 20px; } a.printer { background: url("/assets/images/core/icons.gif") no-repeat left -305px; padding-left: 22px; line-height: 20px; } /* --------------------------------------------------------------------------------------------------------------------------------- 9) NEED QUOTE PAGE /* --------------------------------------------------------------------------------------------------------------------------------- */ .orcall a.retrieve_quote{float: left; position:relative; padding-left: 2px; padding-top:9px; text-decoration:underline; } .orcall a.retrieve_quote .text {padding:0px 0 0 0; } .orcall a:hover.retrieve_quote{ text-decoration: none; } .right_panel .orcall .text{display: block; margin:0px 0 0 0; padding:10px !important; float: left; position:relative;} .orcall .text1{ font-size:16px; display: block; margin:4px 0 0 0; float: left; position:relative; padding:8px 0 0 0 !important; } /* NEED QUOTE PAGE - ADDED BY JON RAWLINS ON 17/06/2009 */ #needquote .needquoteimg{ float:right; position:relative; margin: 0 0 0 10px; } #needquote #content h1{ font-size: 2.7em; margin-bottom: 10px;} #needquote #content h2{ font-size: 1.5em; margin-bottom: 3px; } #needquote #content #callno{ font-size: 15px; color:#3775c2; } #needquote #content #smallprint{ font-size: 10px; color:#010101;} /* Quote box */ #needquote #quoteselector{ background: #64a3dc url("/assets/images/needquote/selectyourpet.gif") no-repeat; width: 500px; height:68px; position:relative; margin: 0 0 10px; } #needquote #quoteselector #selectpet_style{ padding: 10px 0 0 30px;} #needquote #quoteselector #selectpet_style label{ display:block; color:#fff; font-size: 1.2em; font-weight:bold; margin: 0 0 5px;} #needquote #quoteselector #selectpet_style select{ width:250px; padding: 2px; font-weight:bold;} /* Button */ #needquote #quoteselector #selectpet_style #getquote a{ position:absolute; cursor:pointer; top:6px; right: 15px; width:140px; height:41px; font-size: 14px; font-weight:bold; color:#fff; } #needquote #quoteselector #selectpet_style #getquote a.retrieve_quote{ top: 50px; width: 140px; height: auto; font-size:1.0em; font-weight:bold; padding:0; text-align:center; } #needquote #quoteselector #selectpet_style #getquote a span{ width:100%; height:100%; display:block; position:absolute; background: url("/assets/images/needquote/selectyourpet.gif") no-repeat -15px -92px; } #needquote #quoteselector #selectpet_style #getquote a:hover span{ background-position: -15px -160px; } #needquote #quoteselector .end_bg{ position:absolute; top:0; right:0; width: 10px; height:68px; background: url("/assets/images/needquote/selectyourpet.gif") no-repeat top right; padding:0; float:none;} /* Info box styling */ #needquote .box{ width:470px; height:158px; font-size: 0.9em; margin: 5px 0 10px; background: url("/assets/images/needquote/selectyourpet-box-bg.gif") repeat-x bottom left; float:left; position:relative; border: 2px solid #d5e2ee; } #needquote .box .inner{ padding: 5px;} #needquote .box h2{ font-size: 1.8em !important; font-weight:normal; } #needquote .box li, #needquote #infobox2 ol li{ border: none; } #needquote .box ul, #needquote .box ol{ font-size:1.1em; } #needquote #infobox1 { } * html #needquote #infobox1 { height: 180px; margin-top: 7px; } /* IE6 Conditional */ #needquote #infobox1 ul { margin: 0; padding:0; list-style-type:none; } #needquote #infobox1 li { background: url("/assets/images/needquote/selectyourpet.gif") no-repeat left -244px; width: 95%; padding-left: 20px; margin-bottom: 10px; color:#000000; } #needquote #infobox2 { float: right; position:relative; } #needquote #infobox2 ol { margin: 0 0 0 18px; list-style-type:decimal; } #needquote #infobox2 ol li { margin-bottom: 8px; color:#000000; width:auto;} #needquote #infobox2 ol li span { font-size: 0.8em !important; color:#3E88C8;} /* --------------------------------------------------------------------------------------------------------------------------------- 9) NEW NEED QUOTE PAGE /* --------------------------------------------------------------------------------------------------------------------------------- */ #needquote_new{} #needquote_new #content h1{ font-size: 2.8em; color:#3e88c8; margin-bottom: 10px; margin-top: 0; } #needquote_new #content h2{ color: #fff; font-size: 2.2em; } .header_contact_details{ position: absolute; top:22px; left:20px; color: #3574c3; font-size: 1.6em; font-weight: bold; text-align:left; letter-spacing:-0.03em; } .header_contact_details.header_logo{ top: 10px; left: 10px; } .header_contact_details div{ font-size: 2.1em; letter-spacing:normal; margin-top: -5px; } #needquote_new .box{ border: 10px solid #bed0e8; background: #fff url("../images/needquote/quote_box_right_bg.gif") repeat-y top right; padding:0; height:1%; } #needquote_new .box .tl, #needquote_new .box .tr, #needquote_new .box .bl, #needquote_new .box .br{ width: 20px; height: 20px; display:block; background: url("../images/needquote/need_quote_sprite.gif") no-repeat top left; position:absolute; } #needquote_new .box .tl{ top:-10px; left:-10px; } #needquote_new .box .tr{ top:-10px; right:-10px; background-position: -36px 0; } #needquote_new .box .bl{ bottom:-10px; left:-10px; background-position: 0 -33px; } #needquote_new .box .br{ bottom:-10px; right:-10px; background-position: -36px -33px; } .ie6 #needquote_new .box .bl, .ie6 #needquote_new .box .br{ bottom:-11px; } #needquote_new .box .inner{ padding:0; } /* Left column stuff */ #needquote_new .left_column{ float: left; position:relative; overflow:hidden; height: 1%; height: 504px; width: 600px; text-align:center; } #needquote_new .left_column img{ margin-top: -5px; } #needquote_new .left_column .special_offer_stamp{ position: absolute; top:4px; right:8px; overflow:hidden; text-align:center; width:139px; height: 132px; } #needquote_new .left_column .special_offer_stamp span{ background: url("../images/needquote/need_quote_sprite.gif") no-repeat -161px -215px; width:100%; height: 100%; display: block; position: absolute; top:0; left:0; } #needquote_new .left_column .ten_percent span{ background-position: -161px -455px; } #needquote_new .left_column .two_month span{ background-position: 0px -455px; } #needquote_new .left_column .first_month span{ } #needquote_new .left_column .opaque_bg{ text-align:left; margin: 0 0 0 10px; background: transparent url("../images/needquote/need_quote_opaque_bg.png") no-repeat; width: 550px; padding: 10px 30px 10px 10px; display: block; } .ie6 #needquote_new .left_column .opaque_bg{ behavior: url("/assets/images/needquote/iepngfix.htc"); } #needquote_new .left_column #standard_quote{ } #needquote_new #selected_info{ position:absolute; top:70%; left:0; overflow:hidden; } #needquote_new #selected_info.needquote_standard{ top: 70%; } #needquote_new #selected_info.needquote_compare{ top: 30%; } #needquote_new #selected_info.needquote_testimonials{ top: 30%; } #needquote_new #selected_info{ text-align: left; } #needquote_new #selected_info h3, #needquote_new #selected_info h4, #needquote_new #selected_info h4 a{ color: #4d86b9; } #needquote_new #selected_info h3{ font-weight: normal; font-size: 2.0em; margin:0; margin-bottom: 0; } #needquote_new #selected_info h4{ font-size: 1.5em; font-weight: bold; margin:0; margin-bottom: 7px; } #needquote_new #selected_info h4 a{ font-weight: bold; } #needquote_new #selected_info h4 a:hover{ text-decoration:underline; } #needquote_new #selected_info p, #needquote_new #selected_info ol{ font-size: 1.2em; color: #4d86b9; margin-top: 5px; } #needquote_new #selected_info p.testimonial{ color: #000; } #needquote_new #selected_info p.testimonial span.testimonial_name{ color:#3E88C8; font-size: 0.9em; } #needquote_new #selected_info ol{ font-size: 1.3em; margin:0; list-style-type:none; padding:0; } #needquote_new #selected_info ol li{ margin: 5px 0; padding-left: 30px; position:relative; } #needquote_new #selected_info ol li .number{ width: 15px; position:absolute; top:0; left:5px; overflow:hidden; text-indent:-9999px; background: url("../images/needquote/need_quote_sprite.gif") no-repeat 0 -231px; } #needquote_new #selected_info ol li .number.one{ } #needquote_new #selected_info ol li .number.two{ background-position: 0 -248px;} #needquote_new #selected_info ol li .number.three{ background-position: 0 -265px; } #needquote_new #selected_info ol li .smalltext{ font-size: 0.8em; font-weight: bold; } #needquote_new #selected_info ul{ } #needquote_new #selected_info #select_types_of_cover, #needquote_new #selected_info #select_why_petplan, #needquote_new #selected_info #select_testimonials{ display: none; } #needquote_new .right_column{ background: #4d86b9; width: 347px; float: right; } #needquote_new .right_column .inner{ padding: 10px 10px 10px 20px; } #needquote_new #selectpet select{ width: 250px; padding: 2px; } #needquote_new #selectpet .form_button_list{ overflow:hidden; margin:10px 0 0 0; padding:0; } #needquote_new #selectpet .form_button_list li{ float: left; position:relative; width:auto; } #needquote_new #selectpet .form_button_list li a{ float: left; color: #fff; width: 164px; height: 63px; line-height: 63px; padding:0; text-align:center; position:relative; overflow:hidden; } #needquote_new #selectpet .form_button_list li a span{ width: 100%; height: 100%; position:absolute; top:0; left:0; background: url("../images/needquote/need_quote_sprite.gif") no-repeat -136px 0; } #needquote_new #selectpet .form_button_list li a:hover span{ background-position: -136px -63px; } #needquote_new #selectpet .form_button_list li.retrieve_btn{ padding: 11px 0 0 5px; } #needquote_new #selectpet .form_button_list li.retrieve_btn a{ width: 145px; height: 41px; } #needquote_new #selectpet .form_button_list li.retrieve_btn a span{ background-position: -136px -126px; } #needquote_new #selectpet .form_button_list li.retrieve_btn a:hover span{ background-position: -136px -167px; } #needquote_new .hlist{} #needquote_new .hlist li{ float: left; position:relative; padding:0; width:auto; margin:0; margin-right: 40px; } #needquote_new .hlist li.last{ margin:0; } #needquote_new .hlist li a{ float: left; padding: 0 20px 0 25px;} #needquote_new li.button{ } #needquote_new li.button a{ background: url("../images/needquote/need_quote_sprite.gif") no-repeat left -350px; height: 50px; line-height: 50px; position:relative; color: #fff; font-size: 1.3em; text-decoration:none; font-weight: bold; } #needquote_new li.button a span{ background: url("../images/needquote/need_quote_sprite.gif") no-repeat right -350px; width: 5px; height: 50px; display: block;position: absolute;top:0;right:-5px; } #needquote_new li.button a:hover{ background-position: left -400px; } #needquote_new li.button a:hover span{ background-position: right -400px; } /* General styles for the questions */ #needquote_new .selectors{ border-top: 1px solid #3e78ac; border-bottom: 1px solid #74a5d1; margin-bottom:10px; } #needquote_new .selectors li{ border-top: 1px solid #74a5d1; border-bottom: 1px solid #3e78ac; margin:0; padding:0; } #needquote_new .selectors li a{ padding: 14px 10px 16px 20px; color: #fff; font-size: 2.1em; font-weight: bold; text-decoration:none; position:relative; } #needquote_new .selectors li a span{ width: 36px; height: 35px; margin-top: -12px; display:block; position:absolute; top:37%; right:30px; background: url("../images/needquote/need_quote_sprite.gif") no-repeat 0 -90px; } #needquote_new .right_column .inner#contact_details{ padding-top:0; color: #e9f5ff; font-size:1.2em; padding-bottom:0; } #needquote_new .right_column .inner#contact_details h2{ padding:0; margin:0; font-size:1.6em; } #needquote_new .right_column .inner#contact_details p{ margin:0; line-height: 1.1em; } #needquote_new .right_column .inner#contact_details .contact p{ margin:0; color:#fff; margin-top: 8px; line-height:0.6em; } #needquote_new .right_column .inner#contact_details .contact h2{ margin-bottom: 0px; font-size: 2.3em; } /* Hover and selected events */ #needquote_new .selectors li a:hover, #needquote_new .selectors li a.selected{ background: #5b92c2; } #needquote_new .selectors li a:hover span, #needquote_new .selectors li a.selected span, #needquote_new .selectors li a:hover.selected span{ background-position: 0 -125px; right:344px; width: 35px; height: 63px; top:20%; display: block; } #needquote_new .selectors li a:hover span{ display: none; } .ie6 #needquote_new .selectors li a:hover span, .ie6 #needquote_new .selectors li a.selected span{ right: 343px; } /* --------------------------------------------------------------------------------------------------------------------------------- 9) NEW TO PET INSURANCE /* --------------------------------------------------------------------------------------------------------------------------------- */ #new_to_pet{} #new_to_pet #content h1{ font-size: 2.8em; color:#3e88c8; margin-bottom: 10px; margin-top: 0; } #new_to_pet #content h2{ color:#4d86b9; font-size: 2.2em; } .header_contact_details{ position: absolute; top:22px; left:20px; color: #3574c3; font-size: 1.5em; font-weight: bold; text-align:left; letter-spacing:-0.03em; } .header_contact_details.header_logo{ top: 10px; left: 10px; } .header_contact_details div{ font-size: 2.1em; letter-spacing:normal; margin-top: -5px; } #new_to_pet .box{ border: 10px solid #bed0e8; background: #fff url("../images/needquote/quote_box1_right_bg.gif") repeat-y top right; padding:0; height:1%; } #new_to_pet .box .tl, #new_to_pet .box .tr, #new_to_pet .box .bl, #new_to_pet .box .br{ width: 20px; height: 20px; display:block; /*background: url("../images/needquote/newpet_need_quote_sprite.gif") no-repeat top left;*/ position:absolute; } #new_to_pet .box .tl{ top:-10px; left:-10px; } #new_to_pet .box .tr{ top:-10px; right:-10px; background-position: -36px 0; } #new_to_pet .box .bl{ bottom:-10px; left:-10px; background-position: 0 -33px; } #new_to_pet .box .br{ bottom:-10px; right:-10px; background-position: -36px -33px; } .ie6 #new_to_pet .box .bl, .ie6 #new_to_pet .box .br{ bottom:-11px; } #new_to_pet .box .inner{ padding:0; } /* Left column stuff */ #new_to_pet .left_column{ float: left; position:relative; overflow:hidden; height: 1%; height: 504px; width: 600px; text-align:center; border-right:solid 10px #BED0E8; } #new_to_pet .left_column img{ margin-top: -5px; } #new_to_pet .left_column .special_offer_stamp{ position: absolute; top:8px; left:8px; overflow:hidden; text-align:center; width:145px; height: 136px; } #new_to_pet .left_column .special_offer_stamp span{ background: url("../images/needquote/newpet_need_quote_sprite.gif") no-repeat -161px -215px; width:100%; height: 100%; display: block; position: absolute; top:0; left:0; } #new_to_pet .left_column .ten_percent span{ background-position: -161px -455px; } #new_to_pet .left_column .two_month span{ background-position: 0px -455px; } #new_to_pet .left_column .first_month span{ background-position: -156px -455px; } #new_to_pet .left_column .opaque_bg{ text-align:left; margin: 0 0 0 10px; background: transparent url("../images/needquote/need_quote_opaque_bg.png") no-repeat; width: 550px; padding: 10px 30px 10px 10px; display: block; } .ie6 #new_to_pet .left_column .opaque_bg{ behavior: url("/assets/images/needquote/iepngfix.htc"); } #new_to_pet .left_column #standard_quote{ } #new_to_pet #selected_info{ position:absolute; top:70%; left:0; overflow:hidden; } #new_to_pet .needquote_standard{ top: 70%; } #new_to_pet .needquote_compare{ top: 30% !important; } #new_to_pet .needquote_testimonials{ top: 30% !important; } #new_to_pet #selected_info{ text-align: left; } #new_to_pet #selected_info h3, #new_to_pet #selected_info h4, #new_to_pet #selected_info h4 a{ color: #4d86b9; } #new_to_pet #selected_info h3{ font-weight: normal; font-size: 2.0em; margin:0; margin-bottom: 0; } #new_to_pet #selected_info h4{ font-size: 1.5em; font-weight: bold; margin:0; margin-bottom: 7px; } #new_to_pet #selected_info h4 a{ font-weight: bold; } #new_to_pet #selected_info h4 a:hover{ text-decoration:underline; } #new_to_pet #selected_info p, #new_to_pet #selected_info ol{ font-size: 1.2em; color: #4d86b9; margin-top: 5px; } #new_to_pet #selected_info p.testimonial{ color: #000; } #new_to_pet #selected_info p.testimonial span.testimonial_name{ color:#3E88C8; font-size: 0.9em; } #new_to_pet #selected_info ol{ font-size: 1.3em; margin:0; list-style-type:none; padding:0; } #new_to_pet #selected_info ol li{ margin: 5px 0; padding-left: 30px; position:relative; } #new_to_pet #selected_info ol li .number{ width: 15px; position:absolute; top:0; left:5px; overflow:hidden; text-indent:-9999px; background: url("../images/needquote/newpet_need_quote_sprite.gif") no-repeat 0 -231px; } #new_to_pet #selected_info ol li .number.one{ } #new_to_pet #selected_info ol li .number.two{ background-position: 0 -248px;} #new_to_pet #selected_info ol li .number.three{ background-position: 0 -265px; } #new_to_pet #selected_info ol li .smalltext{ font-size: 0.8em; font-weight: bold; } #new_to_pet #selected_info ul{ } #new_to_pet #selected_info #select_types_of_cover, #new_to_pet #selected_info #select_why_petplan, #new_to_pet #selected_info #select_testimonials{ display: none; } #new_to_pet .right_column{ background: #fff; width: 350px; float: right; }/* Change background color to panel*/ #new_to_pet .right_column .inner{ padding: 10px 10px 10px 20px; } #new_to_pet #selectpet select{ width: 250px; padding: 2px; } #new_to_pet #selectpet .form_button_list{ overflow:hidden; margin:10px 0 0 0; padding:0; } #new_to_pet #selectpet .form_button_list li{ float: left; position:relative; width:auto; } #new_to_pet #selectpet .form_button_list li a{ float: left; color: #fff; width: 164px; height: 63px; line-height: 63px; padding:0; text-align:center; position:relative; overflow:hidden; } #new_to_pet #selectpet .form_button_list li a span{ width: 100%; height: 100%; position:absolute; top:0; left:0; background: url("../images/needquote/newpet_need_quote_sprite.gif") no-repeat -136px 0; } #new_to_pet #selectpet .form_button_list li a:hover span{ background-position: -136px -63px; } #new_to_pet #selectpet .form_button_list li.retrieve_btn{ padding: 11px 0 0 5px; } #new_to_pet #selectpet .form_button_list li.retrieve_btn a{ width: 145px; height: 41px; } #new_to_pet #selectpet .form_button_list li.retrieve_btn a span{ background-position: -136px -126px; } #new_to_pet #selectpet .form_button_list li.retrieve_btn a:hover span{ background-position: -136px -167px; } #new_to_pet .hlist{} #new_to_pet .hlist li{ float: left; position:relative; padding:0; width:auto; margin:0; margin-right: 30px; } #new_to_pet .hlist li.last{ margin:0; } #new_to_pet .hlist li a{ float: left; padding: 0 15px 0 15px;} #new_to_pet li.button{ } #new_to_pet li.button a{ background: url("../images/needquote/newpet_need_quote_sprite.gif") no-repeat left -350px; height: 35px; line-height: 35px; position:relative; color: #fff; font-size: 1.3em; text-decoration:none; font-weight: bold; } #new_to_pet li.button a span{ background: url("../images/needquote/newpet_need_quote_sprite.gif") no-repeat right -350px; width: 5px; height: 35px; display: block;position: absolute;top:0;right:-5px; } #new_to_pet li.button a:hover{ background-position: left -400px; } #new_to_pet li.button a:hover span{ background-position: right -400px; } /* General styles for the questions */ #new_to_pet .selectors{ border-top: 1px solid #3e78ac; border-bottom: 1px solid #74a5d1; margin-bottom:10px; } #new_to_pet .selectors li{ border-top: 1px solid #74a5d1; border-bottom: 1px solid #3e78ac; margin:0; padding:0; } #new_to_pet .selectors li a{ padding: 14px 10px 16px 20px; color: #4d86b9; font-size: 2.1em; font-weight: bold; text-decoration:none; position:relative; } #new_to_pet .selectors li a span{ width: 40px; height: 35px; margin-top: -12px; display:block; position:absolute; top:37%; right:10px; background: url("../images/needquote/newpet_need_quote_sprite.gif") no-repeat 0 -90px; } #new_to_pet .right_column .inner#contact_details{ padding-top:0; color: #e9f5ff; font-size:1.2em; padding-bottom:0; } #new_to_pet .right_column .inner#contact_details h2{ padding:0; margin:0; font-size:1.6em; } #new_to_pet .right_column .inner#contact_details p{ margin:0; line-height: 1.1em; color:#4d86b9 !important; } #new_to_pet .right_column .inner#contact_details .contact p{ margin:0; color:#fff; margin-top: 8px; line-height:0.6em; } #new_to_pet .right_column .inner#contact_details .contact h2{ margin-bottom: 0px; font-size: 2.3em;} /* Hover and selected events */ #new_to_pet .selectors li a:hover, #new_to_pet .selectors li a.selected{ background: #5b92c2; color:#FFF } #new_to_pet .selectors li a:hover span, #new_to_pet .selectors li a.selected span, #new_to_pet .selectors li a:hover.selected span{ background-position: 0 -125px; right:344px; width: 35px; height: 63px; top:20%; display: block; } #new_to_pet .selectors li a:hover span{ display: none; } .ie6 #new_to_pet .selectors li a:hover span, .ie6 #new_to_pet .selectors li a.selected span{ right: 343px; } #new_to_pet ul.normallist{ list-style:disc; margin: 5px 0 5px 13px; font-size:14px; color:#4D86B9 } #new_to_pet ul.normallist li {margin:5px 0px 0 0; } /* --------------------------------------------------------------------------------------------------------------------------------- 9) CUSTOMER STORIES PAGE /* --------------------------------------------------------------------------------------------------------------------------------- */ #cust_stories #centre .box{ width: 99%; position:relative; } .ie6 #cust_stories #centre .box{ width: 96%; } #cust_stories #centre .row_1, #cust_stories #centre .row_2{ padding-bottom:0 !important; } #cust_stories #centre .box .inner_box{ padding: 10px; margin:0 !important; padding-bottom:0 !important; } #cust_stories #centre .row_1, #cust_stories #content .row_2{ margin:0; background: #e9f2f9; } #cust_stories #centre .row_2{ background: none; } #cust_stories #centre .marg_top{ margin-top: 30px; } #cust_stories #centre .box .fleft{ float:left; position:relative; margin: 0 10px 0 0; } #cust_stories #centre .box .fleft.text{ width: 620px; } #cust_stories #centre .box h2{ margin: 0 0 10px; font-weight:bold;color: #fab320; font-size: 1.7em; } #cust_stories #centre .box h3{ width: 100%; margin-bottom: 8px; } #cust_stories #centre .box h3 span{ font-size: 13px !important; position:absolute; top:2px; right:4px; } #cust_stories #centre .box p{ margin:0 0 10px; } #cust_stories #centre .box ul{ list-style:none; } #cust_stories #centre .box li{ padding:0; border: 0; margin: 5px 0; } #cust_stories #centre .box li a{ padding:0; margin:0; color: #000; font-weight:bold; } #cust_stories #centre .box a.read_more{ font-weight: bold; } #cust_stories .legaltext { color:#B4B4B4; margin-bottom:0; margin-top:20px; font-size:0.9em; padding:0; } #cust_stories .story_of_the_month{ position: absolute; top:-17px; left:0; width: 100%; text-align:center; } #cust_stories .story_of_the_month img{ display: block; margin: 0 auto; } /* --------------------------------------------------------------------------------------------------------------------------------- 9) SPECIAL OFFERS DISPLAYED PAGE /* --------------------------------------------------------------------------------------------------------------------------------- */ #special_offers #centre .box{ width: 99%; position:relative; padding-bottom:0; } #special_offers #centre .box .inner_box{padding: 10px 10px 0;} #special_offers #centre .row_1, #special_offers #content .row_2{ margin:0; background: #e9f2f9; } #special_offers #centre .row_2{ background: none; } #special_offers #centre .box .fleft{ float:left; position:relative; margin: 0 10px 20px 0; width: 100px; text-align:center; } #special_offers #centre .box .fleft.text{ width:78%; text-align:left; } #special_offers #centre .box h2{ margin: 0 0 10px; font-weight:bold;color: #fab320; font-size: 1.7em; } #special_offers #centre .box h3{ width: 100%; margin: 0 0 7px; } #special_offers #centre .box h3 span{ font-size: 13px !important; position:absolute; top:12px; right:4px; } #special_offers #centre .box p{ margin:0 0 10px; } #special_offers #centre .box ul{ list-style:none; } #special_offers #centre .box li{ padding:0; border: 0; margin: 5px 0; } #special_offers #centre .box li a{ padding:0; margin:0; color: #000; font-weight:bold; } #special_offers #centre .box a.read_more{ font-weight: bold; } #special_offers_terms #centre h1{ margin-bottom: 10px; } .enter_adjustment {margin-top:-15px !important;} /* --------------------------------------------------------------------------------------------------------------------------------- 9) SITEMAP /* --------------------------------------------------------------------------------------------------------------------------------- */ #sitemap .sitemap { width: 210px; margin-right: 15px; border: none; background: none; padding-bottom:0; } #sitemap .sitemap h2 { font-size: 1.7em; font-weight:normal; } #sitemap .sitemap li a { padding: 2px 0 3px 10px; background: url("/assets/images/core/icons.gif") no-repeat -5px 3px; } #sitemap .sitemap h2 a:hover { text-decoration: underline; } #sitemap .sitemap li { border: none; padding: 0 !important; } /* --------------------------------------------------------------------------------------------------------------------------------- 9) SPECIAL-OFFERS-DISPLAYED /* --------------------------------------------------------------------------------------------------------------------------------- */ #rewards #centre .box{ background: none; border: none; margin-bottom: 0;} #rewards #centre .box .fleft{ float:left; position:relative; margin: 0 10px 20px 0; width: 10%; } #rewards #centre .box .fright{ float:right; position:relative; width: 83%; } #rewards #centre .box h3{ margin-bottom: 5px; } /* --------------------------------------------------------------------------------------------------------------------------------- 10) FACTSHEETS /* --------------------------------------------------------------------------------------------------------------------------------- */ #factsheet { } #factsheet .box .image { margin-bottom: 20px; } #factsheet .box .image img { width: 64px; height: 64px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------ 11) PRETTY PHOTO STYLING /* ------------------------------------------------------------------------------------------------------------------------------------------------ */ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; } div.pp_pic_holder { position: absolute; z-index: 10000; width: 100px; } div.pp_pic_holder .pp_top { position: relative; height: 20px; } * html div.pp_pic_holder .pp_top { padding: 0 20px; } div.pp_pic_holder .pp_top .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_top .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_top .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_content { position: relative; text-align: left; width: 100%; height: 40px; } div.pp_pic_holder .pp_content .pp_details { display: none; margin: 10px 15px 2px 20px; } div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav { float: left; margin: 3px 0 0 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { float: left; display: block; width: 14px; height: 15px; overflow: hidden; text-indent: -10000px; margin-top: 3px; } div.pp_pic_holder .pp_content div.pp_hoverContainer { position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; } div.pp_pic_holder .pp_content a.pp_next { display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_previous { display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.pp_pic_holder .pp_content a.pp_close { float: right; display: block; text-indent: -10000px; } div.pp_pic_holder .pp_bottom { position: relative; height: 20px; } * html div.pp_pic_holder .pp_bottom { padding: 0 20px; } div.pp_pic_holder .pp_bottom .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_bottom .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_bottom .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; } div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed { visibility: hidden; } div.ppt { display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 17px; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* ------------------------------------------------------------------------------------------------------------------------------------------------ END PRETTY PHOTO CSS --------------------------------------------------------------------------------------------------------------------------------------------------- */ #search_results #cse-search-results{ width: 700px; overflow:hidden; } #recipes .box_1{ } #recipes .box_1 .box_title{ background: #fff; padding-left: 4px; } #recipes .box_1 .box_title img{ display: block; } #recipes .box_1{ background: #fff url("/assets/images/christmas/christmas_dinner_box1.jpg") no-repeat bottom left; padding: 0 0 25px 0; } #recipes .box_1 .box_1_top{ height: 10px; background: #fff url("/assets/images/christmas/christmas_dinner_box1.jpg") no-repeat top left; } #recipes .box_1 .box_content{ padding: 10px 130px 10px 10px; overflow:hidden; position:relative; } #recipes .box_1 .box_content img{ display: block; } #recipes .box_1 .box_left{ float: left; width: 48%; } #recipes .box_in{ background: url("/assets/images/christmas/christmas_text_divider.gif") top left; } #recipes .box_in p{ line-height: 18px !important; } #recipes .box_1 .box_right{ float: right; width: 48%; } #recipes .box_1 .dinner_photo{ position: absolute; top:3px; right:130px; display: block; border: 10px solid #fff; border-width: 0 0 10px 10px; } #recipes .box_2{ margin-bottom: 140px; } #recipes .box_2 .box_title{ background: #fff; padding-left: 4px; } #recipes .box_2 .box_title img{ display: block; } #recipes .box_2{ background: #fff url("/assets/images/christmas/christmas_dinner_box2.gif") no-repeat bottom left; padding: 0 0 25px 0; } #recipes .box_2 .box_1_top{ height: 10px; background: #fff url("/assets/images/christmas/christmas_dinner_box2.gif") no-repeat top left; } #recipes .box_2 .box_content{ padding: 10px 130px 10px 10px; overflow:hidden;position: relative; } #recipes .box_2 .box_content img{ display: block; } #recipes .box_2 .box_left{ float: left; width: 48%; } #recipes .box_2 .box_right{ float: right; width: 48%; } #recipes .box_2 .dinner_photo{ position: absolute; top:3px; right:130px; display: block; border: 10px solid #fff; border-width: 0 0 10px 10px; } #recipes .box_2 .cat_image{ display: block; position:absolute; bottom: 50px; left:120px; width:315px; height: 204px; background: url("/assets/images/christmas/christmas_cat.gif") no-repeat top left; } #illnesses #centre .box .inner{ width: 28%; margin-left: 10px; } #illnesses #centre .box .inner h2{ font-size: 1.5em; } #illnesses #centre .box .inner ul a{ display: inline; color: #000; } /* Product information pages changes expandable box added 27th May 2011*/ .message_container {width: 500px; margin: 0px; } .message_container h1 { font: 4em normal Georgia, 'Times New Roman', Times, serif; text-align:center; padding: 20px 0; color: #aaa; } .message_container h1 span { color: #666; } .message_container h1 small{font: 0.3em normal Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing: 1.5em; display: block; color: #666;} .essential { background: url(/assets/images/products/h2_trigger_a3_01.gif) no-repeat;} .classic { background: url(/assets/images/products/h2_classic_a3.gif) no-repeat;} .ultimate { background: url(/assets/images/products/h2_ultimate_a2.gif) no-repeat;} .message_container h2.trigger a {color: #000; text-decoration: none; display: block; font-size:15px; font-weight:bold; padding: 0px 0px 0px 0px;} .message_container h2.trigger a:hover {color: #68c699;} .message_container h2.active {} .message_container .toggle_container {margin: 0 0 0px; padding: 10px 0px 0px 0px; overflow: hidden; font-size: 1.2em; width: 600px; clear: both; } .message_container .toggle_container .block {padding-left:45px;} .message_container .toggle_container .block p {padding: 5px 0; margin: 0px 0; margin-top:-5px; } .message_container .toggle_container h3 {font: 2.5em normal Georgia, "Times New Roman", Times, serif; margin: 0 0 0 10px; padding: 0 0 5px 0; border-bottom: 1px dashed #ccc;} .message_container .toggle_container img { float: left; margin: 0px 15px 15px 0; padding: 5px; background: #c6eeca;} p.pet_essential {margin-top:0px !important; color:#000; font-size:12px !important; } p.pet_essential1 { color:#000; font-size:12px !important; margin-top:-2px !important; } .lift { clear:both; padding-top:10px;} .lift_summary { clear:both; padding-top:10px; padding-left:10px;} .lift_summary_more {padding-top:-0px;padding-left:10px;} .message_container div.trigger { padding: 0 0px 30px 45px !important;margin: 0 0 0px 0; height: 30px; line-height: 30px; width: 600px; font-size: 15px; font-weight: normal; float: left; } /* Product infomation page changes end */ .jcarousel-skin-tango{ margin-bottom: 20px; } .jcarousel-skin-tango .jcarousel-item{ background: #fff; border: 2px solid #3E88C8; padding: 5px; } .jcarousel-skin-tango .jcarousel-item table{ background: none; border:0; } .jcarousel-skin-tango .jcarousel-item table th, .jcarousel-skin-tango .jcarousel-item table td{ background: none; padding:0; margin:0; border:0; } .jcarousel-skin-tango .jcarousel-item table th{ color:#3E88C8; } .jcarousel-skin-tango .jcarousel-item table td{ color: #000; } .jcarousel-skin-tango .jcarousel-item h3{ background: #3E88C8 !important; color: #fff; padding: 3px; } .jcarousel-skin-tango .couldbeyou{ font-size: 30px !important; color:#3E88C8; text-indent:-9999px; } #centre .jcarousel-skin-tango .jcarousel-prev-horizontal, #centre .jcarousel-skin-tango .jcarousel-next-horizontal{ top: 23px; } .winnerFound:hover{ cursor: pointer; border-color: #000; } #cat .couldbeyou{ background: url('../images/content-column/breeder_images/itcouldbeyou_cat.gif') no-repeat top left; } #dog .couldbeyou{ background: url('../images/content-column/breeder_images/itcouldbeyou_dog.gif') no-repeat top left; } #claiming_is_easy {margin-top:100px; text-align:center;} .w4ps ul li{ display:inline;} ul.none { list-style:disc !important} ul.none li{ width: auto; list-style-position:outside; margin:0; padding:0; } /* NAWT charity page */ #nawt_charity .fright {margin:0 0 15px 15px;} p.defaqto {font-weight:bold; font-size:12px ;} span.defaqto {font-weight:bold; font-size:12px ;} .competitors {font-size:14px !important;} .competitors li {width:95%;} .picture1 { margin:0px 0px 0px 0px; } .picture { margin:0px 20px 0px 10px; } .picture img { border: 0px solid #CCCCCC; margin-bottom: 5px; display:block; } .picture_right { float:right; } .picture_left { float:left;} .button_container {float:left; text-align:center; padding-left:30px; } .animal {padding-left:40px;} ol.vetawards li ul li, ol.vetawards li p, ol.vetawards li{ font-size:13px !important; line-height:22px;} /* Vet awards form */ #competion_prize label{ text-align: left; display:block; padding:0 5px 0 25px;} #competion_prize .str_line{ border-bottom:none;} .ten {font-size:8px !important;} img.displayed { display: block; margin-left: auto; margin-right: auto;} .gborder img { border:solid 1px #999; margin-right:20px; margin-bottom:10px} .image_diplay { margin-right:15px;} #ie6.newline{ clear:both; height:0; line-height:0; visibility:hidden;} #centre .top_50_image { margin-right:10px; margin-top:5px; margin-bottom:22px;} /* Seasonal Christmas */ .box.christmas_opening{ padding: 10px 33px; font-size: 1.1em; border: 1px solid #dbe9f5; width: 520px; position:absolute; top: 5%; right:0; } .box.christmas_opening h2{ color: #ff0000; font-size: 1.1em; margin:0; padding:0; font-weight: bold; } .box.christmas_opening table{ border: 0; width:100%; } .box.christmas_opening table .center{ text-align: center; } .box.christmas_opening table th{ background: none; color: #005a9c; border: 1px solid #9c8f66; border-width: 0 1px 1px 0;padding: 3px 3px; font-weight: bold; } .box.christmas_opening table td{ background: none; color: #005a9c; border: 1px solid #9c8f66; border-width: 0 1px 0 0; padding: 2px 3px; } .box.christmas_opening table .last{ border-right: 0; } .box.christmas_opening .htl, .box.christmas_opening .htr, .box.christmas_opening .hbl, .box.christmas_opening .hbr{ background: url("/assets/images/christmas/contact_holly.gif") no-repeat top left; width: 29px; height: 29px; position: absolute; } .box.christmas_opening .htl{ background-position: top left; top:3px; left:3px; } .box.christmas_opening .htr{ background-position: top right; top:3px; right:3px; } .box.christmas_opening .hbl{ background-position: bottom left; bottom:3px; left:3px; } .box.christmas_opening .hbr{ background-position: bottom right; bottom:3px; right:3px; } /*#christmas{ background: url('../images/christmas/equine_header_xmas.gif') no-repeat top left; }*/ #christmas div.logo{ padding:0 0 0 10px; } /* Seasonal end */ #productcomptable.comparison_table tbody td.blank{ background-color: #fff; border-color: #d4dff2; } .insurance-specialist { margin:0; padding:3px 0 0 ; float:left; width:295px; color:#3E88C8; text-align:left; font-size:14px;} .dogsolutions ul.vlist li { color:#36F; } .dogsolutions ul.vlist li a{color: #3E88C8 !important; font-weight:normal !important; font-size:12px;}