/* set defaults - font and take padding off tables so it doesn't have to be defined for each tag. A better option is to explicitly use padding if you need it. Font sizes all relative to the "body" tag below and by using "em" it means if the user increases the font size on the browser (DDA compliance) then the sizes increase on the site in proportion too. #1A3C6B - page background #335F9A - header #5B7DA8 - left hand column #335F9A - footer */ body { font-family: Arial; font-size: .80em; background-color: #edffb7;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td { margin:0; padding:0; font-family: Arial; } table {border-collapse: collapse;} a img { border:0px; } /* this sets the overall width of the template so that we don't have to define it all the way through - plus it centres it */ #page {margin: 0 auto; width:993px; } .ShadowTop { background-image:url(images/template/shadow_top.gif); height:7px; background-repeat:repeat-x; width:100%;} .ShadowL { width:7px; background-image:url(images/template/shadow_left.gif); background-repeat:repeat-y; } .ShadowR { width:7px; background-image:url(images/template/shadow_right.gif); background-repeat:repeat-y; } .BorderBottom { background-image:url(images/template/shadow_btm.gif); height:7px; background-repeat:repeat-x; } /* Region: TOP MENU */ #regTopMenuBar { width: 100%; height: 128px; background-image:url(images/template/en/topbaimage.jpg); background-repeat:no-repeat; background-position:center bottom;} #regTopMenuBar #EmptySpace { height: 103px; width:979px; border-left:solid 1px #88A457; border-top:solid 1px #88A457; border-right:solid 1px #88A457;} #regTopMenuBar .MenuLinks {padding-left: 2px; border-left:solid 1px #88A457; border-right:solid 1px #88A457; width:100%;} #regTopMenuBar .MenuLinks td { height: 22px; font-size: .9em; } #regTopMenuBar .MenuLinks .leftBit { padding-left: 2px; width:5px; background-image:url(images/template/toptab_end_left.gif); background-position:right; background-repeat:no-repeat;} #regTopMenuBar .MenuLinks .middleBit { padding: 3px 9px 0px 9px; background-image:url(images/template/toptab_bg.gif); background-repeat:repeat-x; } #regTopMenuBar .MenuLinks .rightBit { width:5px; background-image:url(images/template/toptab_end_right.gif); background-repeat:no-repeat;} #regTopMenuBar .MenuLinks a {color: #222222; font-weight: bold; text-decoration: none;} #regTopMenuBar .MenuLinks a:hover {color:#324f02; text-decoration: underline;} /* Region: FOOTER */ #regFooter { width:100%; font-size:.8em; background-color: #bae373;} #regFooter td {color: #010101;} #regFooter .MenuLinks { display: inline; padding: 4px 4px 4px 8px; border-bottom: 1px solid #88a457; border-left:solid 1px #88A457; width:680px; } #regFooter .Copyright { display: inline; padding: 4px 8px 4px 4px; border-bottom: 1px solid #88a457; border-right:solid 1px #88A457; width:300px; } #regFooter .MenuLinks ul { display: inline} #regFooter .MenuLinks ul li { display: inline; padding: 0px 8px 0px 8px; } #regFooter a {color: #010101; font-weight: normal; text-decoration: none;} #regFooter a:hover {text-decoration: underline;} /* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */ #regMainContent {width: 100%;} /* Region: Left hand menu/column */ #regLeftMenu {width: 169px; font-size: 1em; vertical-align:top; color: #44749D; background-color: white; padding: 0px 0px 5px 4px; border-Top: 1px solid #88a457; border-left:solid 1px #88A457; } #regLeftMenu a {color: black; text-decoration: none;} #regLeftMenu .box { border: 1px solid #b3d5e6; margin-top: 5px; margin-bottom: 4px; } #regLeftMenu .box .heading {height: 19px; font-size: .9em; color: #010101; padding: 2px 3px 2px 4px; font-weight: bold; background-image: url(images/template/sectionheaderbox_bg_lime.gif); background-repeat:repeat-x;} #regLeftMenu .box .content {font-size: .85em; padding: 2px 4px 2px 4px; } #regLeftMenu .menubox { border-top: 1px solid #b3d5e6; border-right: 1px solid #b3d5e6; border-left: 1px solid #b3d5e6; margin-top: 3px; margin-bottom: 0px; } #regLeftMenu .menubox .heading {height: 15px; font-size: .9em; color: #010101; padding: 2px 3px 2px 4px; font-weight: bold; background-image: url(images/template/sectionheaderbox_bg_lime.gif); background-repeat:repeat-x; border-bottom:solid 1px #88A457;} #regLeftMenu .menubox .content {font-size: .85em; } #regLeftMenu .searchBox {background-color: #CBDAE6; padding: 2px 4px 3px 4px; margin: 0px 0px 14px 0px;} #regLeftMenu .menuItemsBox { padding: 0px 0px 0px 0px;} #regLeftMenu .productCategoriesBox {padding: 0px 0px 0px 0px;} #regLeftMenu #scrollerPanelNews { height: 170px; padding: 5px; font-size: 1em; font-family: Arial; text-align:left;} #regLeftMenu .MenuItem { font-size: .98em; border-Bottom:solid 1px #b3d5e6; padding: 2px 0px 3px 10px; } #regLeftMenu .MenuItem A { color:#222222; font-weight: Bold; text-decoration: none;} #regLeftMenu .MenuItem A:hover {text-decoration: underline;} #regLeftMenu .subMenuItem { font-size: .85em; margin: 0px 0px 1px 0px; padding: 2px 4px 2px 8px; border-bottom: 1px solid #CBDAE6} #regLeftMenu .subMenuItem A { color:black; font-weight: normal; text-decoration: none; } #regLeftMenu .subMenuItem A:hover {text-decoration: underline; } /* Region: right hand menu/column */ #regRightMenu {width: 169px; background-color: white; vertical-align: text-top; border-Top: 1px solid #88a457; padding-right:4px; border-right:solid 1px #88A457; } #regRightMenu .rhsNewsHeading {padding-top: 10px; } #regRightMenu .box { border: 1px solid #b3d5e6; margin-top: 5px; margin-bottom: 4px; } #regRightMenu .box .BasketHeading {height: 19px; padding:0px 1px 0px 4px; font-size: .9em; color: #010101; font-weight: bold; background-image: url(images/template/sectionheaderbox_bg_lime.gif); background-repeat:repeat-x;} #regRightMenu .box .heading {height: 19px; font-size: .9em; color: #010101; padding: 2px 3px 2px 4px; font-weight: bold; background-image: url(images/template/sectionheaderbox_bg_lime.gif); background-repeat:repeat-x;} #regRightMenu .box .content {font-size: .85em; padding: 2px 4px 3px 4px; } #regRightMenu .box .content A {text-decoration: underline; font-weight: bold; color: #2C6E40;} #regRightMenu .box .content .Blue {font-size: 1.3em; color:#2E7299;} #regRightMenu .rhsNewsHeading A {color: #885a99; font-weight:bold; font-size:.85em; text-decoration: none; } #regRightMenu .rhsNewsBody {color: #1e1e1e; font-size:.85em; text-decoration: none;} #regRightMenu .rhsNewsBody:hover {color: #555555; font-size:.85em; text-decoration: none;} #regRightMenu .rssIcons {font-size: .85em; margin: 15px 5px 10px 25px; } #regRightMenu a {color: black; text-decoration: none;} /* set the 750px width below to be the width (920 - left hand menu width).. */ #regBodyContent {width: 618px; vertical-align:top; background-color: white; font-size: .9em; border-Top: 1px solid #88a457; } #regBodyContent #Content {border: 1px solid #b3d5e6; margin: 5px; width:618px; } #regBodyContent #Content #bodyContent {margin:0; padding: 5px 12px 25px 12px;} #regBodyContent h1 {padding: 5px 5px 5px 12px; font-size: 1.8em; font-weight: bold; color: #324f02; background-color: #dfefb5;} #regBodyContent h2 {margin-top: 15px; margin-bottom: 3px; font-size: 1.1em; font-weight: bold; color: #324f02;} #regBodyContent h3 {margin-top: 15px; margin-bottom: 3px; font-size: 1.1em; font-weight: bold; color: #324f02;} #regBodyContent h4 {margin-top: 10px; margin-bottom: 8px; font-size: 1.4em; font-weight: bold; color: #324f02;} #regBodyContent h5 { border: 1px solid #B3D5E6; padding-left: 5px; padding-top: 3px; margin-top: 10px; margin-bottom:10px; font-size: 1.2em; font-weight: bold; color: #324f02; height: 19px; background-image: url(images/template/panel_bg_grn.gif);} #regBodyContent select {font-size: 1.1em; padding-left: 2px;} #regBodyContent input {font-size: 1.1em; padding-left: 2px;} #regBodyContent a {text-decoration: underline; font-weight: bold; color: #2C6E40; } #regBodyContent a:hover {color: #324f02; text-decoration: inherit;} #regBodyContent .MessageToUser {font-weight: bold; color: red; padding-top: 5px; padding-bottom: 10px} #regBodyContent .breadcrumbtrail {padding-top:5px; padding-bottom:10px} #regBodyContent .breadcrumbtrail A {color: #F8A261} #regBodyContent .highlight {background-color:Yellow} /* put table cells for the main body content to have a 1px padding by default */ #regBodyContent table td {padding: 1px 1px 1px 1px} /* code below allows customised bullet points with graphics to be added - also includes fix for IE */ #regBodyContent ul { margin-left: 10px; padding-left: 0; list-style: none; } #regBodyContent ul li { padding-left: 14px; background-image: url(images/bullets/dot.gif); background-repeat: no-repeat; background-position: 0 7px;} html[xmlns] #regMainContent ul { padding-left: 2em;} html[xmlns] #regMainContent ul li { background: none; /* undo the background-image */ list-style-image: url(images/bullets/dot.gif); padding: 0px;} /* Button styles */ #regBodyContent .button {font-weight: bold; color: #111111;} #regBodyContent .CancelButton {font-weight: normal; color: Red;} #regBodyContent .RecommendToAFriend { color: #FFFFFF; background-image: url(images/template/btn_bg_recfriend.gif); background-repeat: repeat-x; text-decoration: none; padding-top: 1px; padding-bottom: 1px; height: 16px; padding-left: 6px; padding-right: 6px;} #regBodyContent .RecommendToAFriend a { color: #FFFFFF;} /* datagrid styles */ #regBodyContent .datagridHeader {background-color: #BAE373; font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;} #regBodyContent .datagridItem {background-color: #EDFFB7; border-bottom: 1px solid #666666} #regBodyContent .datagridAlternatingItem {background-color: #dfefb5; border-bottom: 1px solid #666666} /* Payment/checkout/myaccount order history page styles */ #regBodyContent .PaymentForm {margin-left: 30px; margin-top:8px; width: 90%;} #regBodyContent .PaymentForm .heading {width: 140px} #regBodyContent .PaymentForm input, textarea {font-size: 1em;} #regBodyContent .PaymentFormHeading { font-weight: bold; font-size: 1.15em; color: #324f02; background-color: #dfefb5; margin-top: 10px; margin-bottom:6px; padding: 3px 2px 3px 5px;} #regBodyContent .PaymentSecureSeal { text-align:center; margin-top: 10px; } /* these styles are used on the view shopping basket page... */ #regBodyContent .BasketSummary {margin-left: 30px; width: 550px;} #regBodyContent .BasketSummary .BasketSummaryTable {width: 100%; border-collapse: collapse; } #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader { background-image: url(images/template/sectionheaderbox_bg_lime.gif); background-repeat:repeat-x; font-weight: bold;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader td {padding-right: 5px;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem td {padding-left: 3px;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem a {text-decoration: none;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketItemQuantity {width: 20px; text-align:center; font-size: 1em; margin-left: 25px;} #regBodyContent .BasketSummary .BasketSubtotal {font-weight: bold; font-size: 1.1em; width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketDelivery {font-weight: bold; font-size: 1.1em; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketDelivery select {font-size: 1.05em; margin-left: 5px;} #regBodyContent .BasketSummary .BasketDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketVATAmount {font-weight: bold; font-size: 1.1em; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.3em; margin-bottom: 5px; padding: 3px 0px 3px 0px;} #regBodyContent .BasketSummary .ContinueShopping { margin-bottom: 5px; font-style: italic;} #regBodyContent .BasketSummary .BasketButtons {width: 100%} #regBodyContent .BasketSummary .BasketButtons .UpdateQuantity {color: Navy; font-weight: bold; font-size: 1em; width:140px} #regBodyContent .BasketSummary .BasketButtons .ContinueShopping { color: Navy; font-weight: bold; font-size: 1em; width:140px; margin-top: 20px} #regBodyContent .BasketSummary .BasketButtons .Checkout {color: DarkGreen; font-weight: bold; font-size: 1em; width:83px} #regBodyContent .BasketSummary .BasketButtons .CheckoutButton {color: DarkGreen; font-weight: bold; font-size: 1em;} #regBodyContent .BasketSummary .ApplyDiscountCode {color: DarkGreen; font-weight: bold; font-size: 1em; width:65px} #regBodyContent .BasketSummary .CartRemove { background-color: #FFFFFF;font-weight: bold; color: #000000; border: 0px} #regBodyContent .BasketSummary .CartRemove:Hover { text-decoration: none;} /* these styles are used on the final checkout page... */ #regBodyContent .PaymentSummary {margin-left: 30px; width: 550px;} #regBodyContent .PaymentSummary .PaymentSummaryTable {width: 100%; } #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader { background-image: url(images/template/sectionheaderbox_bg_lime.gif); background-repeat:repeat-x; font-weight: bold;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader td {padding-left: 3px;padding-right: 3px;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem td {padding-left: 3px;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem a {text-decoration: none;} #regBodyContent .PaymentSummary .PaymentSubtotal { width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentDelivery { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.2em; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px;} /* these styles are used on product list/detail pages ... */ #regBodyContent .ProductPhotos {margin-left: 10px; width:300px;} #regBodyContent .ProductPhotos .MainPhoto {text-align:center; border: 1px solid #B3D5E6; height: 300px;} #regBodyContent .ProductPhotos .ThumbnailCaption {font-weight:normal; text-align:center; color: #777777; padding: 5px 0px 5px 0px;} #regBodyContent .ProductPhotos .ThumbnailPhoto { float: left; border: 1px solid #B3D5E6; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center; height:100px; width:90px; line-height:100px;} #regBodyContent .ProductPhotos .ThumbnailPhoto img { vertical-align:middle; cursor:hand; border:0;} #regBodyContent .MoreInformationTab { display: inline; cursor:hand; border:solid 1px #b3d5e6; padding: 2px 4px 2px 4px; margin-right:2px;} #regBodyContent .MoreInformationTab:Hover { background-color: #b3d5e6; color: #000000; text-decoration: none;} #regBodyContent .MoreInformationTabActive {display: inline; cursor:hand; border:solid 1px #b3d5e6; padding: 2px 4px 2px 4px; margin-right:2px; background-color: #b3d5e6; color: #000000; text-decoration: none;} #regBodyContent .MoreInformationTabActive a { color: #000000; text-decoration: none;} #regBodyContent .MoreInformationTab a { color: #000000; text-decoration: none;} #regBodyContent .MoreInformationTab a:Hover { background-color: #b3d5e6; color: #000000; text-decoration: none;} #regBodyContent .ProductSKUsTable { border: 1px solid #B3D5E6; } #regBodyContent .ProductSKUsTable td { padding: 2px 4px 2px 4px;} #regBodyContent .ProductSKUsTable .ProductSKUsHeader { background-color: #dfefb5; background-repeat:repeat-x; color: #324f02; font-weight: bold;} #regBodyContent .ProductSKUsTable .ProductSKUsItem { border-bottom: 1px solid #B3D5E6; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow {color: Red; font-weight: bold; font-size: .92em;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .WasPrice { color: Black; text-decoration: line-through;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .NowPrice { color: red;} #regBodyContent .SubCategoryThumbnailBrowse {} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail {height: 65px; width: 190px; margin-left: 2px; margin-right: 2px;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailPhoto {border: 1px solid #aaaaaa; height:125px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailText {border:2px solid #14747C; text-align: center; padding-top: 3px; height: 55px; } #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailText a { color: #14747C; text-decoration: none; font-size: 1.5em;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ViewBuyEarthLine { width:122px; border: 1px solid #2a838b; text-align: center; color: Black; font-weight: bold; margin: 8px 3px 2px 32px; background-image: url(images/template/btn_bg_earth.gif); background-repeat: repeat-x;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ViewBuyEarthLine a {text-decoration: none; font-size: 1em; font-weight: bold; color:#ffffff;} #regBodyContent .ProductThumbnailBrowse {} #regBodyContent .ProductThumbnailBrowse .Thumbnail { width: 190px; margin-bottom: 3px; margin-left: 4px; border: 1px solid #b3d5e6; } #regBodyContent .ProductThumbnailBrowse .Thumbnail td { } #regBodyContent .ProductThumbnailBrowse .Thumbnail .Photo { height:130px; text-align: center; vertical-align:middle; padding:6px; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .ProductName { padding: 5px; vertical-align:text-top; height: 35px } #regBodyContent .ProductThumbnailBrowse .Thumbnail .ProductName a { font-size: 1.0em; color: #010101; text-decoration: none;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .Offer { border: 1px solid #b3d5e6; text-align: center; padding-top: 3px; padding-bottom: 3px; font-size: 1em; color: red; width:82px; font-weight: bold; margin: 5px 3px 4px 3px;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .Price { text-align: left; padding-top: 3px; padding-bottom: 3px; font-size: 1.2em; color: #2E7299; width:90px; font-weight: bold; margin: 5px 3px 4px 3px; border: 1px solid #b3d5e6; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .Description { padding: 4px 4px 4px 0px; font-size: .95em; height: 125px; min-height: 125px;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .From {font-size: 0.8em; color: #000000; padding: 0px 0px 0px 0px;} #regBodyContent .Price { color: #2E7299; font-weight: bold;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ViewBuyGeneral { width: 82px; border: 1px solid #b3d5e6; text-align: center; color: Black; font-weight: bold; margin: 2px 3px 2px 3px;background-image: url(images/template/btn_bg_general.gif); background-repeat: repeat-x;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ViewBuyGeneral a {text-decoration: none; font-size: 1em; font-weight: bold;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ViewBuyGreenMagma { width: 82px; border: 1px solid #62bc3c; text-align: center; color: Black; font-weight: bold; margin: 2px 3px 2px 3px; background-image: url(images/template/btn_bg_magma.gif); background-repeat: repeat-x;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ViewBuyGreenMagma a {text-decoration: none; font-size: 1em; font-weight: bold; color:#ffffff;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ViewBuySeaLine { width: 82px; border: 1px solid #5681a3; text-align: center; color: Black; font-weight: bold; margin: 2px 3px 2px 3px; background-image: url(images/template/btn_bg_sea.gif); background-repeat: repeat-x;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ViewBuySeaLine a {text-decoration: none; font-size: 1em; font-weight: bold;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ViewBuyEarthLine { width: 82px; border: 1px solid #2a838b; text-align: center; color: Black; font-weight: bold; margin: 2px 3px 2px 3px; background-image: url(images/template/btn_bg_earth.gif); background-repeat: repeat-x;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ViewBuyEarthLine a {text-decoration: none; font-size: 1em; font-weight: bold; color:#ffffff;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ViewBuyRioRosa { width: 82px; border: 1px solid #e70181; text-align: center; color: Black; font-weight: bold; margin: 2px 3px 2px 3px; background-image: url(images/template/btn_bg_rosa.gif); background-repeat: repeat-x;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ViewBuyRioRosa a {color: white; text-decoration: none; font-size: 1em; font-weight: bold;} #regBodyContent .productRating { font-weight: bold;} #regBodyContent .productReview {padding-top: 7px;} #regBodyContent .productReviewName { text-align:right; font-weight: bold; font-size: 11px; font-style: italic;} #regBodyContent .productReviewFooter {padding-bottom: 7px; border-bottom: 1px solid #cccccc; } #regBodyContent .paging {padding-top: 7px; padding-bottom: 10px;} #regBodyContent .paging a {text-decoration: none;} #regBodyContent .paging a:hover {text-decoration: underline;} #regBodyContent .paging table {width:100%} #regBodyContent .paging .currentPageLabel {width: 180px; color: #333333;} #regBodyContent .paging .previousPage {width: 100px; text-align: left; } #regBodyContent .paging .previousPage a { color: Gray;} #regBodyContent .paging .previousPage a:hover {text-decoration: underline;} #regBodyContent .paging .pageNumbers {text-align: center;} #regBodyContent .paging .pageNumbers a.unselectedPage {font-weight: bold; color: #2C6E40} #regBodyContent .paging .pageNumbers a.selectedPage {font-weight: bold; color: #2C6E40; border: 1px solid #333333; padding-right: 1px; padding-left: 1px;} #regBodyContent .paging .nextPage {width: 80px; text-align: right; } #regBodyContent .paging .nextPage a { color: Gray; } /* Blog related styles... */ #regBodyContent .BlogEntries p {padding-top: 0px; margin-top: 0px} #regBodyContent .BlogEntries .blogPostTitle {padding-top: 5px;} #regBodyContent .BlogEntries .blogPostTitle a {font-size: 1.2em; font-weight: bold;} #regBodyContent .BlogEntries .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .BlogEntries .blogContent { padding-bottom: 10px;} #regBodyContent .BlogEntries .blogFooter {padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary {float: left; width: 250px; display: inline; color: gray; padding-top: 5px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;} #regBodyContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; } #regBodyContent .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;} #regBodyContent .BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .BlogDetail .blogContent { padding-bottom: 5px;} #regBodyContent .BlogDetail .blogCategories { padding-top: 7px; color: #444444; margin-left: 20px; padding-bottom: 3px;} #regBodyContent .BlogDetail .blogFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #regBodyContent .BlogDetail .blogNoEntry {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .SocialNetworking {padding-top: 0px; text-align: right} #regBodyContent .BlogDetail .OtherRecentPosts {padding-top: 0px; padding-bottom: 5px;} #regBodyContent .BlogDetail .OtherRecentPosts .ListPosts {margin-left: 20px; padding-bottom: 3px;} #regMainContent .BlogDetail .Comments {padding-top: 0px;} #regMainContent .BlogDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;} #regMainContent .BlogDetail .Comments .ListComments {margin-left: 0px; padding-bottom: 5px;} #regMainContent .BlogDetail .Comments .ListComments .SpecificPost {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #FFFED0;} #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .CommentBy {font-size: .9em; color: black; padding-bottom: 5px; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .Comment {font-size: .9em; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply {background-color: #F5FABD; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyComment { } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyDatestamp { } #regBodyContent .BlogDetail .Comments .leaveComment input {margin-left: 0px;} #regBodyContent .BlogDetail .Comments .leaveComment .heading {color: #333333; font-weight: bold; padding-top: 4px; } /* not within a region because you may want to put in in various places on the site */ .blogCategoriesBox {padding: 0px 0px 10px 0px;} .blogCategoriesBox .blogCategoryItem {font-size: .85em; margin: 0px 0px 1px 0px; padding: 4px 0px 4px 3px; border-bottom: 1px solid #8485DF; } .blogCategoriesBox .blogCategoryItem A { color:#444444; font-weight: normal; text-decoration: none;} .blogCategoriesBox .blogCategoryItem A:hover {text-decoration: underline;} .blogArchiveBox {padding: 0px 0px 10px 0px;} .blogArchiveBox .blogArchiveItem {font-size: .85em; margin: 0px 0px 1px 0px; padding: 4px 0px 4px 3px; border-bottom: 1px solid #8485DF; } .blogArchiveBox .blogArchiveItem A { color:#444444; font-weight: normal; text-decoration: none;} .blogArchiveBox .blogArchiveItem A:hover {text-decoration: underline;} /*Password Tool CSS */ #password_description {font-size: 10px; font-style: italic; } #password_strength { height:10px; display:block; } #password_strength_border { width: 160px; height: 10px; border: 1px solid black; } .strength0 { width:160px; background:#cccccc; } .strength1 { width:40px; background:#ff0000; } .strength2 { width:80px; background:#56e500; } .strength3 { background:#399800; width:120px; } .strength4 { background:#4dcd00; width:160px; } /* Products image zoom... */ #lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption{ float: left; } #keyboardMsg{ float: right; } #closeButton{ top: 5px; right: 5px; } #lightbox img{ border: none; clear: both;} #overlay img{ border: none; } #overlay{ background-image: url(js/lightbox/overlay.png); } * html #overlay{ background-color: #333; background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/lightbox/overlay.png", sizingMethod="scale"); } /* #menu a{ font:bold 14px Tahoma,arial,helvetica,sans-serif; display:block; border-width:0px; white-space:nowrap; margin:0; padding-bottom: 6px; padding-top: 2px; padding-left: 16px; color:#FFFFFF; text-decoration:none; } #menu a:hover{ color:#D9261C; } #menu a:active{ color:#FFFFFF; } */ #regLeftMenu .menubox #menu ul { cursor: pointer; list-style:none; width:100%; margin-left: 0px; background-image: none; list-style: none; padding: 2px 2px 4px 15px; } #regLeftMenu .menubox #menu ul li { background-image: none; border-Bottom:solid 1px #79BABF; padding: 4px 0px 4px 5px; height: 17px; margin-top: 1px; } #regLeftMenu .menubox #menu ul li li { background-image: none; border:1px solid #79BABF; padding: 4px 0px 4px 5px; height: 17px; margin-top: 1px; } #regLeftMenu .menubox #menu ul li a {font-size: .86em; font-weight: bold; left: 8px; padding-left: 10px;} #regLeftMenu .menubox #menu ul li li a {font-size: .9em; font-weight: bold; left: 8px; padding-left: 10px; color: #14747C} #regLeftMenu .menubox #menu ul li a:hover { text-decoration: underline} html[xmlns] #regLeftMenu .menubox #menu ul { padding-left: 0;} html[xmlns] #regLeftMenu .menubox #menu ul li { background: none; /* undo the background-image */ list-style-image: none; padding: 0px;} /* #regLeftMenu .MenuItem A { color:#222222; font-weight: Bold; text-decoration: none;} #regLeftMenu .MenuItem A:hover {text-decoration: underline;} #regLeftMenu .subMenuItem { font-size: .85em; margin: 0px 0px 1px 0px; padding: 2px 4px 2px 8px; border-bottom: 1px solid #CBDAE6} #regLeftMenu .subMenuItem A { color:black; font-weight: normal; text-decoration: none; } #regLeftMenu .subMenuItem A:hover {text-decoration: underline; } */ /* Requirement: Put the element selector name (div) onto non anchor hover selectors to force IE5 and 5.5 to correctly apply the csshover file. */ div#menu li, div#menu li:hover{ position:relative; background-image: none; } div#menu li ul{ position:absolute; top:0; left:100.1%; display:none; background-color:#FFFFFF; } div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul {display:none; background-color:#FFFFFF; background-image: none;} div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display:block; background-color:#FFFFFF; background-image: none;} div#menu ul li:hover ul a, div#menu ul ul li:hover ul a, div#menu ul ul ul li:hover ul a { color: #324f02; } /* Holly Hack for IE \*/ * html .suckerdiv ul { margin:0px; padding:0px; background-image: none;} * html .suckerdiv ul li { z-index:40; float: left; height: 1%; padding:0px; margin:0px; background-image: none;} * html .suckerdiv ul li a { height: 1%; } /*url(images/expand3.gif) no-repeat bottom right;*/ #menu a.x:hover{ color:#D9261C;} #menu a.x:active{ color:#D9261C; } .suckerdiv ul {padding:0px; margin:0px;} .suckerdiv ul li {background-image:none; background-position:bottom; background-repeat:no-repeat; }