body { background-color: #eeeeee; color: #000000; 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("CloudsBackground01.jpg"); background-repeat: repeat; } h1 { font-size: 2.0em; /* Ems relate to the default of 10px set above. So 2 Ems is 20px. */ } 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: 285px; padding: 0px; background-image: url("Logo.png"); background-repeat: no-repeat; background-position: left top; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #inner-wrap { width: 980px; min-height: 450px; margin: 0px; padding: 0px; background-image: url("InnerBackground.gif"); background-repeat: repeat-y; background-position: right; position: relative; } #outer-wrap1 { color: #000000; text-align: left; position: relative; overflow: visible; width: 980px; margin-top: 20px; margin-right: auto; margin-bottom: auto; margin-left: auto; } #product-nav { position: relative; width: 180px; float: left; margin: 0px; padding: 0px; overflow: hidden; } #content { margin-right: 2px; margin-left: 30px; float: right; position: relative; padding: 0px; width: 758px; background-color: #FFFFFF; border: none; } #site-nav { width: 150px; float: right; margin: 0px; padding: 0px; overflow: visible; position: relative; } #footer { width: 980px; float: right; position: relative; background-image: url("FooterBackground.png"); background-repeat: no-repeat; } #footer-nav { float: right; position: relative; text-align:center; margin-top: 60px; 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: #333333; } #footer-nav a:hover { text-decoration: underline; } #footer-tagline { float: right; position: relative; width: 900px; text-align: center; 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 { margin: 0px 0px 0px 0px; float: right; position: relative; } #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; } #shipping { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #checkout .buttons { background-color: #efefef; padding: 5px; margin-top: 0px; margin-right: 2px; margin-bottom: 5px; margin-left: 2px; } 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; } #checkout .questions { background-color: #efefef; padding: 0px; margin-top: 0px; margin-right: 2px; margin-bottom: 10px; margin-left: 2px; } #order-01 { padding: 0px; margin: 0px; } #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: #666666; } #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; } #top-nav { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: right; clear: both; } #top-nav ul { margin: 0px; padding: 0px; } #top-nav li { display:inline; padding: 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; } .search-nav-box { width: 180px; height: 80px; border: none; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; background-image: url("SearchBoxBackground.png"); background-repeat: no-repeat; position: relative; float: left; } .delivery-nav-box { width: 180px; height: 80px; border: none; padding: 0px; margin: 0px 0px 10px 0px; position: relative; float: left;	 } .control-tower-nav-box { width: 180px; border: none; padding: 0px; margin: 0px 0px 20px 0px; position: relative; float: left;	 } .nav-box { width: 180px; padding: 0px; position: relative; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } .nav-tv-panel { height: 100px; margin: 0px; padding: 0px; } .nav-tv-panel img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px; margin: 0px; } .nav-box img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .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; } #grid { padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 2px; } #features { padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 16px; } .clear { clear: both; margin: 0px; padding: 0px; } .clear-right { clear: right; margin: 0px; padding: 0px; } .clear-left { clear: left; margin: 0px; padding: 0px; } #products { font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 10px 0px 0px 0px; width: 740px; } .product { padding: 0px; position: relative; width: 300px; margin: 0px; float: left; } .product-price { font-size: 1.4em; font-weight: bold; color: #EE6600; float: left; position: relative; margin: 0px; padding: 0px; width: auto; } .product-attributes { padding: 0px; display: inline;	/* This is here to fix the IE6 Double Margins bug. */ } .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 { padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 20px; 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; background-color: #FFFFFF; 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; } .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: #1797C8; background-image: url("TitleBarBackground.jpg"); background-repeat: repeat-y; color: #FFFFFF; margin: 0px; padding: 3px 0px 3px 0px; text-align: right; }     .section-banner h1 { background-color: #1797C8; 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-line { background-color:#EEEEEE; padding: 0px; margin: 20px 20px 10px 0px; position: relative; float: left; color: #222222; text-decoration: none; border: 1px solid #999999; width: 160px; } .section-image { position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;	 padding: 0px; } .section-image img { border: 2px solid #999999; padding: 0px; margin: 3px; position:relative; text-align:left; } .section-image a:hover img { border: 2px solid #0000CC; padding: 0px; margin: 3px; position:relative; text-align:left; } .section-info { position: relative; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 160px; } .section-desc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #222222; background-color: #EEEEEE; margin: 0px; padding: 5px; font-weight: bold; text-align: left; } .section-name { max-width: 150px; padding: 0px; margin: 0px 3px 5px 3px; } .section-line .section-name { text-align: center; } .section-name h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bolder; font-style: normal; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; text-align: center; } .section-name a h2 { text-decoration: none; color: #000000;	 background-color:#EEEEEE; } .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: #e53030; padding: 0px; height: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 0em; } #basket-zone { position: relative; float:right; background-image:url("BasketZone.png"); padding: 0px; width: 290px; height: 170px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .basket-summary { padding: 0px; margin-top: 16px; margin-bottom: 0px; margin-left: 16px; margin-right: 0px; color:#333333; font-weight: bold; clear: both; float: left; position: relative; } .basket-control { display: block; position:absolute; right: 12px; bottom: 80px; padding: 0px; margin-top: 0px; color:#333333; font-weight: bold; text-align:right; width: 180px; } #proceed-button img { margin-top: 6px; border: none; } .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-box { padding: 0px; background-color: #9ad4ff; margin: 5px; } .search-button { margin: 0px; float: right; padding: 0px; position: relative; /* This is a peekaboo bug workaround. Without it, the borders and background color aren't correctly rendered. */	 } .search-entry { margin-top: 30px; margin-left: 10px; padding: 0px; position: relative; /* This is a peekaboo bug workaround. Without it, the borders and background color aren't correctly rendered. */ } .form-header-text{ font-size:10px; color: #333333; } .brochure-page { padding: 0px; margin-top: 0px; margin-right: 2px; margin-bottom: 10px; margin-left: 2px; } .brochure-title { padding: 0px; background-color: #1797C5; background-image: url("TitleBarBackground.jpg"); color: #FFFFFF; margin: 0px; background-repeat: repeat-y; } .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 { padding: 0px; margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; } .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; } #security { margin: 20px; } #security ul { font-size: 1.2em; } .star-rating { float: right; position: relative; margin: 0px; padding: 0px; } .buy-details { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #news { height: 305px; border: 1px solid #999999; overflow: scroll; } .product-component-price { font-size: 2em; font-weight: bold; color: #EE6600; padding: 0px 10px 0px 10px; } .product-component-button { text-align: center; padding: 0px; height: 52px; } .recommended-accessories { text-align: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #questions { padding: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; } .question {					/* This class is used in the external questions text file. */ font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-style: italic; font-weight: bold; margin-left: 20px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .answer {					/* This class is used in the external questions text file. */ font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-style: italic; font-weight: bold; margin-left: 30px; color: #FF0000; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } #reviews { padding: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; } .review {					/* This class is used in the external review text file. */ font-size: 1.2em; margin-left: 20px; margin-bottom: 20px; } .reviewer {					/* This class is used in the external review text file. */ font-weight: bold; font-size:1.2em; } .reviewer-rating {			/* This class is used in the external review text file. */ float:left; margin-right: 20px; padding-left: 20px; } .review-buttons { position: relative; float: left; } .review-buttons ul { margin: 0px; padding: 0px; } .review-buttons li { list-style-type: none; display: inline; padding: 0px; margin-top: 0px; margin-right: 10px; 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;	 } #receipt { width: 650px; border: 1px solid #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; position:relative; background-color: #FFFFFF; } #receipt .inner-wrap { width: 100%; margin: 20px 0px 20px 0px; } #receipt .message { font-size: 1.2em;	 font-weight: bold; padding: 10px; } #receipt .company-info { margin-top: 10px; } #receipt table { font-size:100%; } .receipt-title { font-size:14px; font-weight:bold; color: #333333; } #terms-conditions { height: 200px; border: 1px solid #999999; overflow: scroll; } .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-weight: bold; color: #0000FF; } .product-desc .super-highlighted { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #FF0000; } .old-price { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; text-decoration:line-through; } #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; } .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; } #delivery th { background-color: #0FBDFF; color: #000000; } #delivery td { background-color: #EEEEEE; color: #000000; } #delivery li { margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; } #guarantee li { margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; } .main-image { position:relative; float:left; } .main-image img { border: 1px solid #999999; padding: 0px; margin-bottom: 5px; margin-top: 0px; margin-left: 0px; margin-right: 0px; } .multi-image-thumbnails { position: relative; float: left; display: inline;	/* This is here to fix the IE6 Double Margins bug. */ padding: 0px; margin: 0px; } .multi-image-thumbnails img { float: left; position: relative; display: inline;	/* This is here to fix the IE6 Double Margins bug. */ border: 1px solid #999999;	 padding: 0px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; } .single-view-product { position: relative; float: right; display: inline;	/* This is here to fix the IE6 Double Margins bug. */ } .single-view-product .product-image { display: inline;	/* This is here to fix the IE6 Double Margins bug. */ float: left; position: relative; padding: 0px; width: 350px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } .product-name { font-size: 1.2em; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px; } .manufacturers-logo { margin: 0px 0px 10px 0px; } .product-info { position: relative; float: right; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; } .product-desc { font-size: 1.2em; color: #444444; 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-details { float: left; position: relative; padding: 0px; margin: 0px 0px 0px 0px; } .product-component-attribute { font-size: 2em; font-weight: bold; color:#444444; padding-left: 5px; padding-right: 5px; text-align: right; } .single-view-product .product-at-a-glance-wrapper { /* Box model hack */ float: right;	 position: relative; display: inline;	/* This is here to fix the IE6 Double Margins bug. */	 margin: 0px; padding: 0px; } .product-at-a-glance { float: right; position: relative; display: inline;	/* This is here to fix the IE6 Double Margins bug. */ border: 1px solid #999999; margin: 0px; padding-top: 10px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; background-color: #F7F7F7; width: 253px; min-height: 354px; } .product-at-a-glance li { font-size: 1.2em; list-style-position: outside; list-style-type: square; color: #003399; } .product-name h2 { margin: 0px; padding: 0px; font-size: 1.4em; line-height: 1em; color: #000000;	 background-color: #FFFFFF; } .product-name h3 { margin: 0px; padding: 0px; font-size: 1.2em; line-height: 1em; color: #000000;	 background-color: #FFFFFF; } .part-number { color:#AAAAAA; } .product-at-a-glance p { color: #666666; } .product-at-a-glance ul { margin-top: 10px; } .title-only-product h2 { margin-left: 20px; margin-top: 20px; margin-bottom: 0px; padding: 0px; font-size: 1.4em; line-height: 1em; color: #000000;	 background-color: #FFFFFF; } .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.2em; font-weight: bold; text-align: center; color: #EE6600; position: relative; 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; } .old-index-price { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; text-align: center; color: #EE6600; position: relative; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-decoration: line-through; } .rrp { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; text-align: center; color: #555555; position: relative; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-decoration: line-through; } #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; } .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; } .product-display-panel { width: 180px; float:left; margin-top: 10px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; position: relative; border: 1px solid #CCCCCC; } .product-display-panel p { margin-top:0px; margin-bottom:10px; margin-left:10px; margin-right:10px; font-size: 1.2em; font-weight: bold; color: #A0A0A0; text-align: left;		 } .v-divider { float: left; position: relative; height:	290px; width: 0px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; margin: 0px; padding: 0px; } .guide { width: 90%; margin-top: 30px; margin-left: 30px; } .guide h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; color: #333333; margin:0px; } .guide p { font-size: 1.2em; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; color: #666666; } .expert-review-button { float: right; position:relative; margin-top: 20px; } .expert-review-button img { border: none; } .expert-review { float:right; position:relative; font-size: 1.2em; margin-top: 20px; margin-bottom: 30px; margin-left: 30px; margin-right: 30px; color: #666666; } .expert-review p { text-align: justify; } .reviewers-profile { float:right; position:relative; margin-left: 20px; } .back-to { float: right; position: relative; font-size: 1.4em; clear: right; margin-top: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; text-align: right; min-width: 300px; } #checklist-panel { position:relative; float: left; width: 350px; height: 140px; margin-top: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; color: #008000; font-size: 1.4em; background-image: url("ChecklistPanel.gif"); background-repeat: no-repeat; } #checklist-panel img { border: none; vertical-align: middle; } #checklist-panel p { margin-right: 0px; margin-left: 20px; margin-bottom: 0px; margin-top: 0px;	 padding: 0px; display: inline; } #checklist-panel ul { list-style-type: none; position: relative; margin-right: 0px; margin-left: 30px; margin-bottom: 0px; margin-top: 10px;	 padding: 0px; } #checklist-panel a { text-decoration:none; color: #008000; } #checklist-panel a:hover { text-decoration:underline; color: #008000; } #welcome-panel { background-image: url("WelcomeBackground.gif"); width: 350px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #666666; font-size: 1.2em; line-height: normal; background-repeat: no-repeat; font-weight: normal; } #welcome-panel p { margin-top: 5px; margin-bottom: 5px; padding: 0px; } #welcome-panel h1 { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; font-size: 1.2em; display: inline; } #intro-panel { background-color: #FFFFFF; padding: 0px; margin-top: 0px; margin-right: 25px; margin-bottom: 0px; margin-left: 0px; } #intro-panel img { border: none; } #intro-panel .tile-left { padding: 0px; position: relative; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; width: 350px; } #intro-panel .tile-right { padding: 0px; position: relative; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 30px; width: 350px;	 } #nav-panel { padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; } #nav-panel a img { border: none; } #nav-panel a:hover img { border: none; } #nav-panel ul { margin: 0px; padding: 0px; } #nav-panel li { padding: 0px; width: 140px; position: relative; float: left; margin-top: 10px; margin-right: 8px; margin-bottom: 10px; margin-left: 0px; display: inline; list-style-type: none; } #nav-panel a img { margin-top: 0px; margin-bottom: 5px; } #nav-panel a:hover img { margin-top: 5px; margin-bottom: 0px;	 } #nav-panel h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; margin: 0px; padding: 0px; } .text-banner { padding-bottom: 5px; padding-top: 5px; background-color: #e53030; margin-top: 15px; margin-right: 25px; margin-bottom: 0px; margin-left: 0px; background-image: url("TitleBackground.gif"); background-repeat: no-repeat; } .text-banner h1 { color: #333333; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; font-style: italic; line-height: 1em; font-weight: bold; } .product-display-panel-single-left { width: 174px; float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; position: relative; } .product-display-panel-single-right { width: 174px; float: left; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: relative; } .product-display-panel-full-left { width: 720px; float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; position: relative; } .product-display-panel-double-left { width: 360px; float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; position: relative; } .product-display-panel-double-right { width: 360px; float: left; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: relative; } .product-display-panel-full-left p, .product-display-panel-double-right p, .product-display-panel-double-left p, .product-display-panel-single-right p, .product-display-panel-single-left p { margin-top:0px; margin-bottom:10px; margin-left:10px; margin-right:10px; font-size: 1.2em; font-weight: bold; color: #A0A0A0; text-align: left;		 } .index-link { margin: 0px 0px 10px 10px; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #FF9900; } .extended-info { margin: 0px 0px 0px 0px; padding: 0px; color: #666666; } .extended-info p { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 0px; margin: 5px 30px 5px 0px; text-align: justify; } .extended-info li { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 0px; margin: 5px 30px 5px 0px; text-align: justify;	 } .tech-spec { float: left; position: relative; margin: 0px 20px 10px 0px; padding: 0px; color: #666666;	 } .tech-spec table { font-family: Tahoma, Verdana, Arial; font-size: 1.2em; } .tech-spec tbody { background: #FFFFFF; color:  #003399;	 } .tech-spec tbody th { text-align: left; width: 120px; border: 1px solid #999999; padding: 3px; } .tech-spec tbody td { text-align: right; width: 200px;	 padding: 3px;	 } .product-video-wrapper { float: right; position: relative; margin: 0px 0px 20px 0px; padding: 0px; width: 263px; border: 1px solid #999999;	 background-color: #F7F7F7; } .product-video { padding: 10px; } .purchase-details { float: right; position: relative; margin: 0px; padding: 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; } .product-images { float: left; position: relative; display: inline;	/* This is here to fix the IE6 Double Margins bug. */	 padding: 0px; margin: 0px; } .product-message { float: left; position: relative; display: inline;	/* This is here to fix the IE6 Double Margins bug. */ padding: 0px; margin: 20px 0px 20px 0px; padding: 10px; width: 400px; background-color: #F7F7F7; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.4em; border: 1px solid #CCCCCC; } .product-message img{ border: 1px solid #CCCCCC; } .product-message a:hover img{ border: 1px solid #FF0000; } .promo { text-align:center; } .multi-view-product { margin: 0px 0px 0px 0px; padding: 0px; width: 100%; } .text-only-product { margin: 0px 0px 5px 0px; padding: 0px; width: 100%; /* With no width set, the floated boxes inside inherit the above elements bottom margin as their top margin (?) */ } .mini-product { margin: 0px 0px 5px 0px; padding: 0px; height: auto; width: 100%; /* With no width set, the floated boxes inside inherit the above elements bottom margin as their top margin (?) */ } .multi-view-product h3 { color: #000000; background-color: #FFFFFF; font-style: italic; } .product-at-a-glance h3 { margin: 0px 0px 0px 10px; color: #000000; background-color: #F7F7F7; } .product-video-wrapper h3 { margin: 10px 0px 0px 10px; color: #000000; background-color: #F7F7F7;	 } .text-only-product .product-details { float:right; position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 150px; } .mini-product .product-details { float:right; position:relative; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 150px; } .text-only-product .product-summary { float:left; position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 480px;	 } .mini-product .product-summary { float:left; position:relative; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 480px; } .text-only-product .product-name, .mini-product .product-name { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; } .text-only-product .index-price, .mini-product .index-price { margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.0em; } .text-only-product .product-desc, .mini-product .product-desc { margin: 0px; padding: 0px; } .spare-parts { margin: 0px; padding: 0px; } .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; } .multi-view-product .index-price { margin: 18px 0px 0px 0px; padding: 0px; } .mini-image { float: left; /* position: relative;  <-- This causes the margin to change when the image is first hovered over. IE7 CSS Bug? */ margin: 5px 10px 5px 5px;	 padding: 0px; width: 93px; } .mini-image img { border: 2px solid #999999; padding: 0px; margin: 0px; text-align:left; } .mini-image a:hover img { border: 2px solid #0000CC; } #control-tower-content { background-image: url("ControlTowerContentBackground.png"); background-repeat: no-repeat; background-color: #FFFFFF; color: #666666;	 margin: 0px 2px 0px 0px; float: right; position: relative; padding: 0px; width: 758px; border: none; min-height: 450px; display: block; } #control-tower-nav { background-image: url("ControlTowerNavBackground.png"); background-repeat: no-repeat; position: relative; width: 220px; float: left; margin: 0px; padding: 0px; overflow: hidden; min-height: 450px; } #content .hdivider { width: 730px; } .control-tower-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: 540px; margin: 0px; padding: 0px; font-size: 1.2em; color: #666666;	 } .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 p { margin: 0px; padding: 0px; display: inline; } .date { color:#000000; background-color: #FFFFFF; } #safebuy { float: left; margin: 10px 0px 0px 560px; } #instruction-manuals { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; margin: 20px 0px 20px 50px; padding: 0px; } #instruction-manuals ul li { padding: 0px; margin: 10px; } .crash-post { margin: 20px 20px 20px 20px; text-align:center; } .crash-post p { font-size: 1.5em; color: #666666; text-align: left; } .crash-post img { border: solid; border-width: 2px; border-color: #666666; margin: 0px 0px 10px 0px; padding: 0px; } #glossary { margin: 20px 20px 20px 20px; padding: 0px; } #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; } .crash-post .caption { text-align: left; color:#FF9933; font-size: 1.2em; font-weight: bold; } .basket-message { clear: both; margin: 30px 0px 0px 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; font-size: 2em; } .payments-panel { text-align: center; margin: 40px 0px 0px 0px; padding: 0px; } .search-result-image { width: 120px; float: left; position: relative; margin: 10px 20px 0px 0px; padding: 0px; border: solid; border-width: 1px; border-color: #CCCCCC; } .search-result-details { float: left; position: relative; margin: 10px 20px 0px 0px; padding: 0px;	 } .nav-content { padding: 0px; margin: 0px; position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; } .nav-box .nav-content { width: 171px; margin-left: 4px; padding-top: 5px; padding-bottom: 10px; background-color:#FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666; color: #000000; } .nav-content ul { margin: 0px; padding: 0px; list-style-position: inside; list-style-type: square; } .nav-content p { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; text-align: center; } .nav-content a { text-decoration: none; color: #666666;	 } .nav-content li a { color: #000000; background-color: #FFFFFF; } .nav-content li a:hover { color: #0000ff; padding-left: 2px; } .nav-content li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; font-style: normal; font-weight: normal; color: #666666; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; } .stock-message { width: auto; float: right; position: relative; text-align: center; margin: 10px 30px 0px 20px; } #countdown-timer-bar { width: 730px; height: 100px; background-image: url("ChristmasCountdownBanner.jpg"); background-repeat: no-repeat; 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-top: 10px; margin-right: 310px; margin-bottom: 0px; margin-left: 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-options { margin: 10px 0px 10px 20px; padding: 0px;	 width: 250px; } .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;	 }