body { background-color: #000000; color: #a0a0a0;  margin: 0px; padding: 0px; text-align: center; font-size: 62.5%; /* The default size for a font with browser text size set to medium is 16px. This brings the default down to 10px */ font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("ABMDBackground.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: center top; } h1 { font-size: 2.0em; /* Ems relate to the default of 10px set above. So 2 Ems is 20px. */ } h1.title-bar { background-color: #4800B0; color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-style: italic; font-weight: bold; padding-right: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1.0em; } input, select, th, td { font-size: 1.0em; } form { padding: 0px; margin: 0px; } #header { height: 125px; padding: 0px; margin: 0px 0px 5px 0px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; } #header-content { float: left; position:relative; margin: 15px auto 0px 20px; padding: 0px; width: 365px; } #header-content img { border: none; } #logo { float: left; position: relative; width: 320px; height: 110px; margin: 8px 0px 0px 0px; padding: 0px; } #logo img { border: none; } #search-bar { float: right; position:relative; width: 370px; margin: 76px 0px 0px 0px; padding: 0px; position: relative; /* Peekaboo bug workaround. Without it, the borders and background color aren't correctly rendered. */ } #search-title { margin: auto; padding: 0px; float: left;	 position: relative; /* Peekaboo bug workaround. Without it, the borders and background color aren't correctly rendered. */ } .search-input { font-size: 1.6em; color: #FF0000; background-color: #FFFFFF; font-weight: bold; float: left; position: relative; /* Peekaboo bug workaround. Without it, the borders and background color aren't correctly rendered. */ margin: 0px; padding: 1px; width: 270px; border: 1px solid #AAAAAA; } #search-button { margin: auto; padding: 0px; float: left;	 position: relative; /* Peekaboo bug workaround. Without it, the borders and background color aren't correctly rendered. */ } #basket-zone { position: relative; float:right; background-image:url("ShoppingTrolleyIcon.jpg"); padding: 0px; width: 235px; height: 95px; margin: 15px 0px 0px 0px; background-repeat: no-repeat; background-position: 0px 10px; } .basket-summary { width: 220px; height: 20px; padding: 0px; margin: 0px; color:#444444; background-color: transparent; font-family:Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; clear: both; float: right; text-align: right; position: relative; } .basket-control { float: right; position: relative; padding: 0px; margin: 0px; color: #444444; background-color: transparent; font-family:Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; text-align: right; width: 180px; } .basket-control .view { margin: 0px 0px 5px 0px; } .basket-control .proceed { margin: 0px 0px 5px 0px;	 } .basket-control .view a { color: #0000FF; background-color: #FFFFFF; margin: 0px 0px 5px 0px; } .basket-control .proceed a { color: #009900; background-color: #FFFFFF; margin: 0px 0px 5px 0px;	 } .phone-number { float: right; position: relative; padding: 0px; margin: 14px 0px 0px 0px; width: 223px; } .phone-number img { border: none; } #inner-wrap { position:relative; width: 960px; float: left; margin: 0px; padding: 0px; background-color: #FFFFFF; color: #000000; } #outer-wrap1 { background-color: #FFFFFF;	 color: #000000; text-align: left; position: relative; overflow: visible; width: 1000px; margin-top: 10px; margin-right: auto; margin-bottom: auto; margin-left: auto; } #outer-wrap2 { background-color: #FFFFFF; color: #000000; text-align: left; position: relative; overflow: visible; width: 960px; margin-top: auto; margin-right: 20px; margin-bottom: auto; margin-left: 20px; } #product-nav { position: relative; width: 180px; float: left; margin: 20px 0px 0px 0px; padding: 0px; overflow: hidden;	 font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; font-style: normal; background-color: #FFFFFF; color: #333333; } .wide-intro-panel { width: 735px; float: left; margin: 10px 5px 0px 5px; position: relative; } .wide-intro-panel h1 { color:#666666; background-color:#FFFFFF; margin: 0px; padding: 0px; font-style: italic; font-weight: bold; font-family:Arial, Helvetica, sans-serif; } .wide-intro-panel p { margin: 5px 10px 10px 10px; font-size: 1.3em; font-weight: normal; color: #666666; text-align: justify;		 } #content { min-height: 450px; margin: 10px 0px 0px 0px; float: right; padding: 0px; width: 760px; background-color: #FFFFFF; } #site-nav { width: 150px; float: right; margin: 0px; padding: 0px; overflow: visible; position: relative; } #footer { width: 980px; height: 30px; float: right; position: relative; background: #0000CC; color: #FFFFFF; } #footer-nav { float: right; position: relative; text-align:center; margin: 10px 0px 10px 0px; padding: 0px; width: 900px; } #footer-nav ul { margin: 0px; padding: 0px; } #footer-nav li { display: inline; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; } #footer-nav a { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; color: #FFFFFF; } #footer-nav a:hover { text-decoration: underline; } #footer-tagline { float: right; position: relative; width: 900px; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #666666; margin-top: 15px; padding: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } #shopping-cart-controls { padding: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #shopping-cart-summary { padding: 0px; margin: 0px; } #intro { margin-bottom: 5px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } #shopping-cart-contents { padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; border: 1px solid #c0c0c0; } #receipt #shopping-cart-contents { border: none; } #checkout { margin-top: 0px; margin-right: 45px; margin-bottom: 10px; margin-left: 45px; font-size: 1.2em; } #checkout .coupon { margin: 0px; padding: 0px; } #checkout .buttons { background-color: #efefef; padding: 5px; margin-top: 0px; margin-right: 2px; margin-bottom: 5px; margin-left: 2px; } #checkout .questions { background-color: #efefef; padding: 0px; margin-top: 0px; margin-right: 2px; margin-bottom: 10px; margin-left: 2px; } #shipping { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } p.caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #FF0000; padding: 5px; text-align: right; background-color: #efefef; margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; } p.important { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; } #order-01 { padding: 0px; margin: 0px; } .breadcrumb-trail { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin: 0px 0px 5px 0px; padding: 0px; } .breadcrumb-trail a, .breadcrumb-trail a:visited { text-decoration: none; color: #666666; } .breadcrumb-trail a:hover { text-decoration: underline; color: #666666; } #address-entry { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; } #address-entry td { background-color: #f0f0f0; } #shipping td { background-color: #f0f0f0; } #general-questions td { background-color: #f0f0f0; } #confirm-order-details td { background-color: #f0f0f0; } #address-entry input { font-family: Arial, Helvetica, sans-serif; } #invoice-address { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; } #delivery-address { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; } #order-02 { margin: 0px; padding: 0px; } .title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; padding: 0px; margin: 5px; color: #444444; } #main-search { font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 2px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } p.results-link { font-weight: bold; } #search-control { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; margin: 0px; } .actinic-template-name { position: absolute; left: 300px; top: 50px; float: left; display: none; } #manufacturers { padding: 0px; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; } .nav-section { margin: 0px 0px 8px 0px; padding: 0px; } .nav-title { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bolder; font-style: italic; background-color: #FFFFFF; background-image:url("MainNavBullet.gif"); color: #333333; margin: 0px; padding: 0px 0px 5px 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; border-top-style: none; border-right-style: none; border-left-style: none; background-repeat: no-repeat; background-position: 0px 5px; } .nav-title a { text-decoration: none; background-color: #FFFFFF; color: #333333; margin: 0px 0px 0px 14px; } #resource-nav-bar { margin: 30px 0px auto auto; padding: 0px; } #resource-nav-bar .nav-title a { color: #000099; background-color: #FFFFFF; } .nav-title a:hover { margin: 0px 0px 0px 16px; background-color: #FFFFFF; color: #0000FF; } .nav-section ul { margin: 0px; padding: 0px; list-style-type: none; } .nav-section ul li { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; border-top-style: none; border-right-style: none; border-left-style: none; margin: 0px; padding: 3px 0px 3px 10px; /*	background-image: url("BulletImage.gif"); background-repeat: no-repeat; background-position: left center;	*/ } .nav-section li a { text-decoration: none; color: #666666; background-color: #FFFFFF;	 padding: 0px 0px 0px 0px;	 } .nav-section li a:hover { text-decoration: none; color: #0000FF; background-color: #FFFFFF; padding: 0px 0px 0px 2px; } .track { text-align: center; margin: 0px; padding: 0px; } .cat { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 0px; margin: 0px; float: left; background-color: #EEEEEE; } .grid-box-model-hack {  /* This class is used to force the grid to render the same in IE and FireFox */ margin: 0px; width: 126px; float: left; padding: 0px; } .cat-image { padding: 5px; margin: 0px; } .cat-text { padding: 5px; margin: 0px; background-color: #FFFFFF; text-align: left; } .cat h3 { margin: 0px; padding: 0px; } .clear { clear: both; margin: 0px; padding: 0px; } #welcome { float: left; background-position: 0px 0px; padding: 0px; height: 175px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 260px; } #welcome .text { margin-top: 15px; margin-bottom: 0px; padding: 0px; margin-right: 0px; margin-left: 80px; line-height: 1.2; text-align: center; } #welcome .text p { margin: 0px; padding: 0px; font-size: 1.1em; } .nav-content li a { text-decoration: none; color: #000000; } .nav-content li a:hover { text-decoration: none; color: #0000ff; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 2px; } #products { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px 0px 20px 0px; width: 760px; } .product-details { position: relative; padding: 0px; margin: 20px 0px 20px 0px; } .purchase-details { float: right; position: relative; margin: 0px; padding: 0px; width: auto; } .product-price { font-size: 1.6em; font-weight: bold; color: #EE6600; float: left; position: relative; margin: 20px 10px 0px; padding: 0px; width: auto; } .product-attributes { float: right; position: relative; padding: 0px; margin: 15px 0px 0px; padding: 0px;	 display: inline;	/* This is here to fix the IE6 Double Margins bug. */ } .product-name { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin: 0px; padding: 0px; } .product-image { position: relative; float: left; margin: 0px; } .multi-view-product { margin: 0px auto 0px 10px; } .multi-view-product .product-image { display: inline;	/* This is here to fix the IE6 Double Margins bug. */ float: left; position: relative; padding: 0px; width: 442px; margin: 0px; } .multi-view-product .product-at-a-glance-wrapper { /* Box model hack */ position: relative; margin: 0px 8px 0px auto; padding: 0px; width: 280px; float: right;	 display: inline;	/* This is here to fix the IE6 Double Margins bug. */ } .compact-product{ background-color: #ffffff; } .simple-product .product-image { position: relative; margin-right: 0px; margin-left: 0px; } .compact-product .product-image { position: relative; float: left; margin-right: 0px; margin-left: 0px; } .title-only-product { padding: 10px 0px 10px 15px; margin: 0px; } .title-only-product .title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; font-style: italic; padding: 0px; margin: 0px; color: #666666; } .product-info { position: relative; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .product-summary { position: relative; float: right; width: 270px; margin: 0px; padding: 0px; } .product-at-a-glance { border: 1px solid #999999; margin: 0px; padding-top: 10px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; background-image: url("AtAGlanceBackground.jpg"); background-position: right bottom; background-repeat: no-repeat; min-height: 360px; } .product-at-a-glance li{ list-style-position: outside; list-style-type: square; list-style-image: url("BulletTick.gif"); } .product-at-a-glance p { color: #666666; } .product-at-a-glance ul { margin-top: 10px; color: #666666; background-color: transparent;	 font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight: bold; } .product-name h2 { margin: 0px; padding: 0px; font-size: 1.4em; line-height: 1em; color: #000000; background-color: #FFFFFF; } .product-desc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #666666; padding-right: 10px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 20px; font-weight: normal; } .product-desc p{ padding-top: 0.8em; padding-bottom: 0em; margin: 0px; } .product-desc ul{ margin-top: 0.8em; margin-bottom: 0.8em; } .product-choices { margin: 0px; padding: 0px; position: relative; float: left; } .product-buy-button { margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; padding: 0px; } .product-choice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; padding: 0px; height: 16px; width: 250px; line-height: 1; margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #F0F0F0; } .product-logo { padding: 0px; position: relative; margin: 0px; } .product-wrapper { position: relative; padding: 0px; width: 730px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 19px; } .product-separator { position: relative; margin: 0px; padding: 0px; clear: both; } .product-info-horizontal { position: relative; padding: 0px; margin: 0px; } .product-wide { padding: 0px; position: relative; float: left; margin: 0px; } .product-spec td { background-color: #f7f7f7; padding: 3px; width: 300px; } .product-spec { text-align: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .product-spec td.title { background-color: #DDDDDD; font-weight: bold; width: auto; } .product-spec table { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; margin-left: 20px; } .product-spec .title { font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .attribute-name { margin: 0px; padding: 0px; } #welcome h1 { margin: 0px; padding: 0px; line-height: 1; font-family: "Times New Roman", Times, serif; font-style: italic; } .nav-image { text-align:center; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #main-index { margin-top: 0px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; font-size: 1em; font-weight: bold; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; } .main-title { margin-bottom: 5px; } .section-banner { background-color: #0000CC; color: #FFFFFF; margin: 0px; padding: 3px 0px 3px 0px; text-align: right; }     .section-banner h1 { color: #FFFFFF; margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; font-style: italic; line-height: 1em; } .section-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 1em; font-weight: bold; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; } .section { background-color:#FFFFFF; padding: 0px; margin: 20px 15px 10px 10px; position: relative; float: left; color: #222222; text-decoration: none; border: none; width: 160px; } .section .price { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; text-align: center; color: #EE6600; position: relative; padding: 0px; margin: 0px 0px 5px 0px; } .section .description { font-size: 1.1em; margin: 0px; padding: 0px; font-weight: bold; text-align: left; } .section .index-name { padding: 0px; margin: 0px; text-align: center;	 } .section .index-name a { font-size: 1.2em; font-weight: bolder; font-style: normal; margin: 0px; padding: 0px; background-color:#FFFFFF; color:#666666; text-decoration: none; } .section .index-name a:hover { background-color:#FFFFFF; color:#0000FF; } .section .image { position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px;	 padding: 0px; } .section .image img { border: 1px solid #E0E0E0; padding: 0px; margin: 0px; position:relative; text-align:left; } .section .image a:hover img { border: 1px solid #0000CC; padding: 0px; margin: 0px; position:relative; text-align:left; } .section-title { float: right; padding-bottom: 5px; position:relative; padding-top: 3px; } .section-title h1 { color: #FFFFFF; margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; font-style: italic; line-height: 1em; } .product-name h2 { margin: 0px; padding: 0px; font-size: 1.4em; line-height: 1em; } .event { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } #special-offers { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .top-bar { background-color: #4800b0; padding: 0px; height: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 0em; } .basket-text { padding: 0px; font-weight: bold; clear: both; position: relative; /* This is a peekaboo bug workaround. Without it, the borders and background color aren't correctly rendered. */ margin-top: 10px; margin-right: 18px; margin-bottom: 10px; margin-left: 18px; } .zone-image { text-align:center; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 5px; } .checkout-image { text-align:center; margin-top: 5px; margin-bottom: 5px; margin-left: 0px; } .secure-image { text-align:center; margin-top: 25px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; float: right; } .search-nav-box { width: 160px; height: 92px; border: none; padding: 0px; margin: 0px auto 10px 10px; background-image: url("SearchBoxBackground.jpg"); background-repeat: no-repeat; position: relative; float: left; } .search-entry { margin-top: 50px; margin-left: 10px; padding: 0px; position: relative; /* This is a peekaboo bug workaround. Without it, the borders and background color aren't correctly rendered. */ } #info-zone { margin: 0px; position: relative; /* This is a peekaboo bug workaround. Without it, the borders and background color aren't correctly rendered. */ background-color: #f0f1f5; padding: 0px; border: 1px solid #999999; } .form-header-text{ font-size:10px; color: #FFFFFF; } .brochure-page { padding: 0px; margin-top: 0px; margin-right: 2px; margin-bottom: 10px; margin-left: 2px; } .brochure-title { padding: 0px; background-color: #4800b0; color: #FFFFFF; margin: 0px; } .brochure-title h1{ padding-bottom: 2px; margin: 0px; padding-top: 0px; padding-right: 10px; padding-left: 0px; text-align: right; font-style: italic;	 } .brochure-sub-title { font-weight: bold; } .brochure-text { margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .contact-form p { margin: 0px; clear: left; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: bold; text-align: left; } .contact-form p label { margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: left; width: 35%; } .contact-form .text { margin: 0px; background-color: #F5f6f2; padding: 2px; width: 300px; border: 1px solid #3c582f; } .contact-form p.submit { margin-left: 35%; } .contact-form p.form-button { margin-left: 35%; margin-top: 10px; margin-bottom: 10px; } .contact-form select { background-color: #F5f6f2; border: 1px solid #3c582f; } p.statement { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; } #mailing .contact-form { background-repeat: no-repeat; } #tell-a-friend .contact-form { background-repeat: no-repeat; } #feedback { padding: 0px; margin-top: 20px; } #feedback .contact-form { } #security { } #security ul { font-size: 1.2em; } .star-rating { float: right; position: relative; margin: 0px; padding: 0px; } #news { /*	border: 1px solid #999999; overflow: scroll;  margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; */ font-size: 1.1em; } .product-component-attribute { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; background-color: #FFFFFF; color:#444444; padding-left: 5px; padding-right: 5px; } .product-component-attribute .subtitle { background-color: #FFFFFF; color:#888888; font-size: 0.9em; } .product-component-price { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; color: #EE6600; background-color: #f0f0f0; padding-left: 10px; padding-right: 10px; } .product-component-button { text-align: center; padding: 0px; } .recommended-accessories { text-align: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .key-phrase { font-weight: bold; } .required-field { font-weight: bold; color: #FF0000; } .declaration { font-weight: bold; font-size: 1.2em;	 } .message { font-size: 1.2em;	 } #terms-conditions { height: 200px; border: 1px solid #999999; overflow: scroll; } .text-banner { padding-bottom: 5px; background-color: #4800b0; position:relative; padding-top: 3px; margin-bottom: 5px; background-image: url("TitleBackground.gif"); background-repeat: no-repeat; } .text-banner h1 { color: #FFFFFF; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; font-style: italic; line-height: 1em; font-weight: bold; } .text-banner h2 { color: #FFFFFF; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; font-style: italic; line-height: 1em; font-weight: normal; } .notice { padding-bottom: 5px; position:relative; padding-top: 3px; margin-bottom: 5px; } #help-zone { padding: 0px; margin-top: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .highlighted { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #FF0000; } li.highlighted a { color: #FF0000; } .important { font-weight: bold; } #customer-feedback td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #0033CC; font-style: italic; } #customer-feedback th { background-color: #9ad4ff; } #customer-feedback td.name { color: #666666; } #feedback h2 { font-family: Arial, Helvetica, sans-serif; font-style: italic; color: #333333; font-size: 1.4em;	 } .delivery-location { margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } .multi-image-thumbnails { width: 442px; padding: 0px; margin: 0px 0px 20px 0px; } .thumbnail { float: left; position:relative; padding: 0px; margin: 0px 6px 0px 0px; } .last-thumbnail { float: left; position:relative; padding: 0px; margin: 0px 0px 0px 0px; } .thumbnail img, .last-thumbnail img { border: 1px solid #999999;	 padding: 0px; margin: 10px 0px 0px 0px; } .thumbnail a:hover img, .last-thumbnail a:hover img { border: 1px solid #FFCC66;	 padding: 0px; margin: 10px 0px 0px 0px; } .compact-product .manufacturers-logo { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .simple-product .manufacturers-logo { margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .model-navigator { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .model-navigator img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .next-model-down { position: relative; float: left; } .next-model-up { position: relative; float: right; } .fragment-image { padding: 0px; margin: 0px 0px 0px 0px; } #welcome-panel { background-color: #FFFFFF; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .quote { background-color: #EEEEEE; margin: 30px; padding: 10px; font-weight:bold; } .panel-tile { padding: 0px; margin: 0px; position: relative; float: left; } .panel-tile img { border: none; } .product-caption { color: #333333; font-size: 0.8em; } .stock { vertical-align: middle; } .chart th { background-color: #808080; font-weight: bold; font-size: 0.9em; color: #FFFFFF; text-align: center;	 } .chart td { background-color: #EEEEEE; width: auto; font-size: 0.9em; color: #333333; text-align: center; } .chart a { color: #FFFFFF; } .kits { margin-bottom: 15px; padding: 0px; margin-top: 10px; margin-right: 0px; margin-left: 0px; } .kits th { background-color: #808080; font-weight: bold; font-size: 0.9em; color: #FFFFFF; text-align: center;	 } .kits td { background-color: #FFFFCC; font-size: 0.9em; color: #333333; text-align: center; } .kits a { color: #FFFFFF; } .kits .heading { font-weight:bold; } #news img { float: left; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; vertical-align: top; width: 50px; height: 50px; padding: 0px; margin-top: 0px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; } #news ul { margin: 10px; padding: 0px; } #news li { clear: both; } #news .date { font-style: italic; color: #999999;	 } .basket-caption { color: #555555; font-size: 0.8em; font-style:normal; } .product-display-panel { width: 370px; float:left; margin: 0px 10px 30px 0px; position: relative; } .product-display-panel-double { width: 760px; float:left; margin: 0px 0px 30px 0px; position: relative; } .product-display-panel p { margin:10px; font-size: 1.2em; font-weight: bold; color: #707070; } .product-display-panel-double p { margin:10px; font-size: 1.2em; font-weight: bold; color: #707070; } .glossary h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; color: #CC3300; margin:0px; } .glossary p { font-size: 1.2em; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; color: #666666; } .multi-image-thumbnails-text { font-weight: bold; color: #999999; font-size: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .logo-banner { text-align: center; background-color: #FFFFFF; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } .promotion p { margin-top: 35px; margin-right: 20px; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.8em; font-style: italic; font-weight: bold; text-align: center; color: #FF0000; } .promotion img { margin-top: 15px; margin-bottom: 15px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.8em; font-style: italic; font-weight: bold; text-align: center; color: #FF0000; } .striking { color:#666666; } #edit-button { display: block; position:absolute; left: 92px; bottom: 36px; } #edit-button img { border: none; } .main-image { position: relative; float: left; border: 1px solid #999999; } #delivery th, .basket-message th { background-color: #0FBDFF; color: #000000; } #delivery td, .basket-message td { background-color: #EEEEEE; color: #000000; } #delivery li { margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; } #info-bar { background-color: #FFFFFF; height: 66px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } #info-bar img { border: none; } #nav-panel { background-color: #FFFFFF; height: 316px; padding: 0px; margin: 5px 0px 0px 0px; } .tile-left { float: left; margin: 0px 17px 0px 0px; padding: 0px; } .tile-right { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: relative; float: left; } .tile-left a img, .tile-right a img { border: 1px solid #FFFFFF; } .tile-left a:hover img, .tile-right a:hover img { border: 1px solid #0000CC; } .bar-left { padding: 0px; position: relative; float: left; margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 0px; } .bar-right { padding: 0px; margin: 0px; position: relative; float: left; } .rrp { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; text-align: center; color: #999999; position: relative; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-decoration: none; } .click-info { text-align:center; } .click-info img { border: none; } .click-info a img { margin: 0px 1px 11px 0px; } .click-info a:hover img { margin: 1px 0px 10px 1px; } .index-price { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; color: #FF6600; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .section-line .index-price { text-align: center; margin: 0px 0px 10px 0px; } .qa { background-color: #F7F7F7; color: #666666; font-size: 1.3em; margin: 20px 0px 0px 0px; padding: 10px; } .qa p { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal;	 } .qa .question { font-weight:bold; } .qa h3 { margin: 0px; padding: 0px; font-size: 1.2em; line-height: 0px; color:#0066CC;	 } .product-at-a-glance h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; padding: 0px; margin: 5px; color: #666666; } .customer-comments { font-size: 1.3em; margin-top: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .customer-comments p { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold;	 } .customer-comments h3 { margin: 0px; padding: 0px; font-size: 1.2em; line-height: 0px; color:#0066CC; } .customer-id { color:#0066CC; } .payment-request { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; color: #FF0000; padding: 0px; margin: 20px 20px 20px 20px; } #top-nav { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 240px; position: relative; float: right; clear: right; } #top-nav ul { margin: 0px; padding: 0px; } #top-nav li { display: inline; padding: 0px; margin: 0px; } #safebuy { float: left; margin: 10px 0px 0px 110px; padding: 0px; width: 100px; } .basket-message { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } .basket-message p { font-size: 2em; } .basket-message table { width: 75%; margin: 0px 0px 0px 75px; } .payments-panel { text-align: center; margin: 40px 0px 0px 0px; padding: 0px; } #metal-detecting-news-content { background-image: url("MetalDetectingNewsContentBackground.jpg"); background-repeat: no-repeat; background-color: #FFFFFF; margin: 0px 0px 20px 0px; float: right; position: relative; padding: 0px; width: 776px; border: none; min-height: 450px; display: block; } #metal-detecting-news-nav { background-image: url("MetalDetectingNewsNavBackground.jpg"); background-repeat: no-repeat; position: relative; width: 184px; float: left; margin: 0px 0px 20px 0px; padding: 0px; overflow: hidden; min-height: 450px; } #content .hdivider { width: 730px; } .metal-detecting-news-container { margin: 130px 0px 20px 80px; padding: 0px; width: 650px; } .notice { clear: both; position: relative; padding: 0px; margin: 10px 0px 10px 0px; } .notice img { float: left; position: relative; width: 100px; height: 100px; border: none; padding: 0px; margin: 0px;	 } .notice-text { float: right; position: relative; width: 650px; margin: 0px; padding: 0px; font-size: 1.2em; color: #666666;	 } .top-notice-text { float: right; position: relative; width: 540px; margin: 0px; padding: 0px; font-size: 1.2em; color: #666666;	 } .notice-text h2, .top-notice-text h2  { margin: 0px; padding: 0px; color: #FF6600; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; font-size: 2em; display: inline; } .notice-text h3, .top-notice-text h3 { margin: 0px; padding: 0px; color: #FF6600; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; font-size: 1.6em; display: inline; } .notice-text p, .top-notice-text p { margin: 0px; padding: 0px; display: inline; } .date { color:#000000; } #kids-page { background-image: url("KidsBackground.jpg"); background-repeat: no-repeat; min-height: 800px; background-position:left 230px; } .fragment p { margin: 30px 20px 20px 20px; padding: 0px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-size: 1.4em; } .extended-info { margin: 20px 0px 0px 0px; padding: 0px; clear: both; } #countdown-timer-bar { width: 740px; height: 100px; background-image: url("ChristmasCountdownBanner.jpg"); background-repeat: no-repeat; background-color:#FFFFFF; color: #003300; margin: 0px 0px 10px 0px; padding: 0px; } .countdown { font-family: Arial, Helvetica, sans-serif; font-size: 6em; font-weight: bold; font-style: italic; padding: 0px; margin: 10px 160px 0px 0px; width: 50px; position: relative; float: right; clear: both; } .home-page-content { margin: 0px 10px 0px 10px; font-size: 1.2em; font-weight: bold; color: #666666; background-color: #FFFFFF; text-align: left;		 } .delivery-nav-box { width: 160px; height: 88px; border: none; padding: 0px; margin: 0px auto 0px 10px; position: relative; float: left; } .delivery-nav-box img { border: none; } .logo-hotspot { width: 450px; height: 230px; position:relative; float:left; margin: 0px; padding: 0px; } .delivery-options { margin: 10px 0px 0px 20px; padding: 0px;	 width: 240px; } .delivery-options p { font-size: 1.2em; font-weight: bold; color: #CC3300; background-color: auto; margin: 5px 0px 5px 0px; padding: 0px; } .delivery-options img { margin: 0px 10px 0px 0px; padding: 0px; vertical-align: middle;	 } #rotating-banner { width: 760px; height: 350px; position: relative; margin: 20px 0px 0px 0px; padding :0px; } #rotating-banner .banner{ position: absolute; top: 0px; left: 0px; display:block; } #rotating-banner .banner img { border: none; } #rotating-banner .banner.current { z-index: 2; } #controls { position: absolute; top: 0px; right: 0px; padding: 0px; margin: 0px 0px 0px 1px; z-index:10; } #controls li { list-style: none; display: inline; } #controls li a { display:block; overflow:hidden; background:url("") no-repeat 0 0; width:50px; height:50px; } #controls #one a { background-position: 0 0; } #controls #one a:hover, #controls #one.active a { background-position: -50px 0; } #controls #two a { background-position: 0 -50px; } #controls #two a:hover, #controls #two.active a { background-position: -50px -50px; } #controls #three a { background-position: 0 -100px; } #controls #three a:hover, #controls #three.active a { background-position: -50px -100px; } #controls #four a { background-position: 0 -150px; } #controls #four a:hover, #controls #four.active a { background-position: -50px -150px; } #controls #five a { background-position: 0 -200px; } #controls #five a:hover, #controls #five.active a { background-position: -50px -200px; } #images { position: relative; width: 100%; height: 350px; padding: 0px; margin: 0px 20px 0px 0px; } #images .primary-image { position: absolute; top:0; left:0; display:block; } #images .primary-image img { border: none; } #images .primary-image.current { z-index: 2; } #receipt { font-family:Arial, Helvetica, sans-serif; font-size: 1.6em; color: #444444; background-color: #FFFFFF; margin: 0px; padding: 0px; border: none; width: 100%; } #receipt th { font-weight:bold; color: #444444; background-color:#CCCCCC; } #receipt #shopping-cart-contents { border: none; } .badge { margin: 20px auto 20px 7px; padding: 0px; } .top-badge { text-align: center; margin: 0px 0px 8px auto; padding: 0px; } .badge img { border: none; } .delivery-option { color: #009933; background-color: transparent; } .social-voting { width: 280px; } .social-voting .left-half { float: left; position: relative; width: 130px;	 } .social-voting .right-half { float: right; position: relative;	 width: 130px; } .fb-like, .tweet, .google-plus-one, .stumbleupon { margin: 10px 0px 0px 0px; padding: 0px; } #tagline { padding: 0px; margin: 0px 0px 10px 0px; }