/* 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, Verdana; font-size: .80em; background-color: #4D391F;} body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th { margin:0; padding:0; } a img { border:0px; } table {border-collapse: collapse;} /* 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:990px; } .ShadowL { background-image:url(images/template/shadow_l.gif) } .ShadowR { background-image:url(images/template/shadow_r.gif) } .ShadowB { background-image:url(images/template/shadow_b.gif) } /* Region: TOP MENUS */ #TopProdMenu { background-image:url(images/template/toptop_bg_all.gif); width:100%; vertical-align:bottom; } #TopProdMenu .MenuItem { background-image:url(images/template/toptopnav_bg.gif); padding:3px 22px 0px 22px; } #TopProdMenu .MenuItem a { color:#3F2913; text-decoration:none; font-weight:normal; font-size:1.1em } #TopProdMenu .MenuItem a:hover { text-decoration:underline; } #regTopMenuBar { width: 100%; background-image:url(images/template/topnav_bg.gif); height:29px; padding-left:10px; background-repeat:repeat-x; background-color:#ffffff;} #regTopMenuBar .MenuLinks { height:29px; } #regTopMenuBar .menuitem { padding:0px 15px 0px 15px; height:29px;} #regTopMenuBar .menuitem a {color: #E6E2B9; font-weight: normal; text-decoration: none; font-size:.89em;} #regTopMenuBar .menuitem a:hover { text-decoration: underline;} #regTopMenuBar .shoppingCart { color: #E6E2B9; font-size:.89em;} #regTopMenuBar .shoppingCart a { color: #E6E2B9; text-decoration:none; font-size:1em;} #regTopMenuBar .shoppingCart a:hover { color: #E6E2B9; text-decoration:underline} /* Region: FOOTER */ #regFooter {width: 100%; font-size: .8em; padding-bottom: 0px; height:25px; background-color: #3F2912; border-top:solid 2px #807051;} #regFooter td {color: #817152; padding: 4px 4px 4px 4px;} #regFooter .Copyright { display: inline; padding-right: 5px; } #regFooter .MenuLinks { display: inline; padding-top: 4px; padding-bottom: 4px;} #regFooter .MenuLinks ul { display: inline; margin-left:0px; padding-left:7px; } #regFooter .MenuLinks ul li { display: inline; padding: 0px 3px 0px 3px; } #regFooter a {color: #817152; font-weight: normal; text-decoration: none;} #regFooter a:hover {text-decoration: underline;} #AddressFooter {font-size: .8em; color: #817152; text-align:center;} /* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */ #regMainContent {width: 100%; background-color:#E6E2B9;} #regMainContent .PageHeading { padding:0px 10px 0px 10px; border-bottom:solid 1px #BFB992; } #regMainContent .PageHeading h1 {margin-top: 9px; margin-bottom: 5px; font-family:georgia; font-size: 2em; font-weight: normal; color: #4A311A;} #regMainContent .PageHeading h2 {margin-top: 8px; margin-bottom: 3px; font-family:georgia; font-size: 1.8em; font-weight: normal; color: #4A311A;} #regMainContent .PageHeading h1 h1 {margin-top: 0px; margin-bottom: 0px; font-family:georgia; font-size: 1em; font-weight: normal; color: #4A311A;} #regMainContent .PageHeading h1 h2 {margin-top: 0px; margin-bottom: 0px; font-family:georgia; font-size: 1em; font-weight: normal; color: #4A311A;} /* Region: Left hand menu/column */ #regLeftMenu {font-size: 1em; vertical-align:top; color: #44749D; width: 175px; padding: 0px ; border-right: 1px solid #BFB992; } #regLeftMenu a {color: black; text-decoration: none;} #regLeftMenu h2 {font-size: .85em; font-weight: bold; color: white; padding: 1px 5px 3px 2px; background-color:#44749D; } #regLeftMenu .SearchArea { padding-top: 75px} #regLeftMenu .searchBox {background-color: #CBDAE6; padding: 2px 4px 3px 6px; background-color:#807051; margin: 0px;} #regLeftMenu .searchBox .DropodownList { margin-top:4px; } #regLeftMenu .menuItemsBox { padding: 0px; border-bottom: 1px solid #BFB992;} #regLeftMenu .productCategoriesBox {padding: 0px; border-bottom: 1px solid #BFB992;} #regLeftMenu .blogarchiveBox { padding: 0px; border-bottom: 1px solid #BFB992;} #regLeftMenu .blogCategoriesBox { padding: 0px; border-bottom: 1px solid #BFB992;} #regLeftMenu .rssIcons {font-size: .8em; margin: 10px 5px 10px 15px; } #regLeftMenu .bookmarkSite{font-size: .8em; margin: 10px 0px 10px 0px; text-align:center; } #regLeftMenu #scrollerPanelNews { height: 170px; padding: 5px; font-size: 1em; font-family: Arial; text-align:left;} #regLeftMenu .MenuItem { text-align:right; font-size: .9em; border-Top: 1px solid #BFB992; color:#321800; } #regLeftMenu .MenuItem A { color:#321800; font-weight: bold; text-decoration: none; display:block; background-color:#E6E2B9; padding: 3px 10px 3px 2px;} #regLeftMenu .MenuItem A:hover {text-decoration: none; background-color:#614D32; color:#E6E2B9;} #regLeftMenu .subMenuItem { font-size: .8em; text-align:right;} #regLeftMenu .subMenuItem A { color:#321800; font-weight: normal; text-decoration: none; display:block; background-color:#E6E2B9; padding: 2px 10px 2px 2px; } #regLeftMenu .subMenuItem A:hover {text-decoration: none; background-color:#614D32; color:#E6E2B9; } /* Region: right hand menu/column */ #rightcolumn { width:167px; background-color:#614D32; background-image: url(Images/template/column_shadow_r_brn.gif); background-position: top; background-repeat: no-repeat;text-align: center; padding-top: 10px } #rightcolumn .rhsNewsHeading {padding-top: 10px;} #rightcolumn .rhsNewsHeading A {color: #885a99; font-weight:bold; font-size:.85em; text-decoration: none; } #rightcolumn .rhsNewsBody {color: #1e1e1e; font-size:.85em; text-decoration: none;} #rightcolumn .rhsNewsBody:hover {color: #555555; font-size:.85em; text-decoration: none;} #rightcolumn .BrandsList { text-align: center; padding: 6px 5px 6px 5px;} #rightcolumn .BrandsList a { color: #E6E2B9; text-decoration: none; font-size: 1.1em;} #HomePageImages { border:solid 1px #827254; background-color:#827254;} #HomePageImages a {display:block; height:211px; width:194px;} #HomePageImages a .Heading { height:20px; width:194px; position:relative; top:95px; background-color:#35210D;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; text-align:center; color:#E6E2b9; font-size:1.6em; cursor:hand; font-weight:normal; vertical-align:middle; padding:2px 0px 2px 0px;} #HomePageImages a:hover { text-decoration:none;} #HomePageImages a:hover .Heading { height:20px; width:194px; position:relative; top:95px; background-color:#E6E2b9;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; text-align:center; color:#35210D; font-size:1.6em; cursor:hand; font-weight:normal; vertical-align:middle; padding:2px 0px 2px 0px; text-decoration:none;} #HomePageImages .AD { padding:0px; } #HomePageImages .AD a {display:block; height:105px; width:194px;} /* set the 750px width below to be the width (920 - left hand menu width).. */ #regBodyContent {vertical-align:top; width: 100%; font-size: .85em} #regBodyContent h1 {margin-top: 5px; margin-bottom: 5px; font-family:georgia; font-size: 1.8em; font-weight: normal; color: #4A311A} #regBodyContent h2 {margin-top: 8px; margin-bottom: 3px; font-family:georgia; font-size: 1.7em; font-weight: bold; color: #4A311A;} #regBodyContent h3 {margin-top: 8px; margin-bottom: 3px; font-family:georgia; font-size: 1.6em; font-weight: bold; color: #4A311A;} #regBodyContent h4 {margin-top: 8px; margin-bottom: 3px; font-family:georgia; font-size: 1.5em; font-weight: bold; color: #4A311A;} #regBodyContent .txtHighlight { border: 1px solid #614D32; background-color: #ffffff; color: #614D32; font-family: Verdana;} #regBodyContent input .Ordinary { height: 12px; border: 1px solid #CCCCCC;} #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: #4A311A; } #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} /* 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; padding:2px; color: #321800; background-color:#E6E2B9; border:solid 1px #4D391F;} #regBodyContent .button:Hover {font-weight: bold; padding:2px; color: #614D32; background-color:#E6E2B9; border:solid 1px #4D391F;} #regBodyContent .CancelButton {font-weight: normal; color: Red;} /* datagrid styles */ #regBodyContent .datagrid .datagridHeader {background-color: #807051;font-weight: bold; margin-bottom: 10px;} #regBodyContent .datagrid .datagridHeader td { padding: 2px 4px 2px 4px;} #regBodyContent .datagrid .datagridItem {background-color: #efefef; border-bottom: 1px solid #666666} #regBodyContent .datagrid .datagridItem td { padding: 2px 4px 2px 4px;} #regBodyContent .datagrid .datagridAlternatingItem { border-bottom: 1px solid #666666} #regBodyContent .datagrid .datagridAlternatingItem td { padding: 2px 4px 2px 4px;} #regBodyContent .Price { font-size: 1.7em;font-family:georgia; color: #4A311A; font-weight: bold;} /* 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;} #regMainContent .PaymentFormHeading {background-color: #614D32; color: White; font-weight: bold; margin-top: 10px; margin-bottom: 6px; border-bottom: 2px solid #4D391F;padding-top:4px; padding-bottom: 4px; padding-left: 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; border-color: #E6E2B9;} #regBodyContent .BasketSummary .BasketSummaryTable {width: 100%; border-collapse: collapse; border: 1px solid #E6E2B9; padding: 0px; margin: 0px } #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader {color: #E6E2B9; background-image:url(images/template/topnav_bg.gif); height:29px; font-weight: bold;} #regBodyContent .BasketSummary .BasketSummaryTable td { padding: 0px 5px 0px 5px; border: 1px solid #E6E2B9;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketItemQuantity {width: 20px; text-align:center; font-size: 1em; margin-left: 25px;} #regBodyContent .BasketSummary .BasketSubtotal {font-size: 1.2em; font-weight: bold; width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketDelivery {font-size: 1.2em; font-weight: bold; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketWeight { 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 { 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 .BasketButtons {width: 100%} #regBodyContent .BasketSummary .CartBorder { border: 1px solid #D0D0D0; text-align: center; width: 80px; padding: 5px; margin: 5px; background-color: #FFFFFF;} #regBodyContent .BasketSummary .UpdateQuantity {font-weight: bold; padding:2px; color: #321800; background-color:#E6E2B9; border:solid 1px #4D391F; font-size: 1em; width:140px} #regBodyContent .BasketSummary .ContinueShopping { font-weight: bold; padding:2px; color: #E6E2B9; background-color:#321800; border:solid 1px #4D391F; padding: 2px 7px 2px 7px} #regBodyContent .BasketSummary .PaymentButton {font-size: 1.3em; font-weight: bold; padding:2px; color: #E6E2B9; background-color:#321800; border:solid 1px #4D391F; padding: 5px 7px 5px 7px} #regBodyContent .BasketSummary .Checkout {font-weight: bold; padding:2px; color: #321800; background-color:#E6E2B9; border:solid 1px #4D391F; font-size: 1em;} #regBodyContent .BasketSummary .CheckoutButton {font-weight: bold; padding:2px; color: #321800; background-color:#E6E2B9; border:solid 1px #4D391F; font-size: 1em;} #regBodyContent .BasketSummary .ApplyDiscountCode {font-weight: bold; padding:2px; color: #E6E2B9; background-color:#321800; border:solid 1px #4D391F; padding: 2px 7px 2px 7px} #regBodyContent .BasketSummary .CartRemove {font-weight: bold; padding:2px; color: #000000; background-color:#FFFFFF; border:solid 1px #000000; font-size: 1em;} #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 {width: 100%; border-collapse: collapse; border: 1px solid #E6E2B9; padding: 0px; margin: 0px } #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader {color: #E6E2B9; background-image:url(images/template/topnav_bg.gif); height:29px; font-weight: bold;} #regBodyContent .PaymentSummary .PaymentSummaryTable td { padding: 0px 5px 0px 5px; border: 1px solid #E6E2B9;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem td { padding: 2px 4px 2px 4px;} #regBodyContent .PaymentSummary .PaymentSubtotal { font-size: 1.2em;font-weight: bold; width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentDelivery { font-size: 1.2em;font-weight: bold; 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.4em; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px;} /* these styles are used on product list/detail pages ... */ #regBodyContent .ProductPhotos {margin-right: 10px; width:300px; } /* added [rr 17 Jan 2012] */ #regBodyContent .ProductPhotos .FreeUKDelivery {font-weight: bold; font-size: 1.6em; padding-bottom: 4px; font-family: Calibri,sans-serif; color: #321800} #regBodyContent .ProductPhotos .MainPhoto {text-align:center; border: 1px solid #807051; height: 300px; background-color: #FFFFFF;} #regBodyContent .ProductPhotos .ThumbnailCaption {font-weight:normal; text-align:center; color: #777777; padding: 5px 0px 5px 0px;} #regBodyContent .ProductPhotos .ThumbnailPhoto { padding: 2px background-color: #FFFFFF; border: 1px solid #807051; display: table-cell; vertical-align: middle; width: 90px;line-height: 90px; font-size:90px; height:90px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center; background-color: #FFFFFF;} #regBodyContent .ProductSKUsTable .ProductSKUsHeader { background-color: #807051; color: White; font-weight: bold;border: 1px solid #4d391f;} #regBodyContent .ProductSKUsTable .ProductSKUsItem { border: 1px solid #4d391f; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .price{font-weight: bold; color: #321800;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow {color: Red; font-weight: bold; font-size: .8em;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .wasprice{font-weight: bold; color: Red; text-decoration:line-through;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow { margin: 3px 3px 3px 3px; height: 20px; font-weight: bold; border: 1px solid #01A2E6; color: #FFFFFF; font-size: .9em; background-color: #01A2E6;} #regBodyContent .SubCategoryThumbnailBrowse {} #regBodyContent .SubCategoryThumbnailBrowse img {border: 0px;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail { width: 146px; border: 1px solid #ACA680;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailPhoto { display: table-cell; vertical-align: middle; text-align: center; border:0px; height:130px; line-height: 130px; width: 146px; text-align: center; background-color: #FFFFFF; } #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailText {text-align: center; padding:3px; background-color:#807051; } #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailText A {color:#ffffff; text-decoration:none; } #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail:hover .ThumbnailText A { color:#E6E2B9;} #regBodyContent .ProductThumbnailBrowse {} #regBodyContent .ProductThumbnailBrowse img {border: 0px;} #regBodyContent .ProductThumbnailBrowse .Thumbnail { width: 146px; border: 1px solid #ACA680;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailPhoto { display: table-cell; vertical-align:middle; border:0px; height:130px; line-height: 130px; width: 146px; text-align: center; background-color: #FFFFFF; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailText {text-align: center; padding:3px; display: table-cell; vertical-align:middle; width: 140px; background-color:#807051; height:45px;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailText A {color:#ffffff; text-decoration:none; } #regBodyContent .ProductThumbnailBrowse .Thumbnail:hover .ThumbnailText A { color:#E6E2B9;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ProductPrice {text-align: center; padding-top: 2px; padding-bottom: 2px; font-weight: bold; color: #000000; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .price{font-weight: bold; color: #321800; padding-right: 5px; font-size: 1.2em} #regBodyContent .ProductThumbnailBrowse .Thumbnail .wasprice{font-weight: bold; color: red; text-decoration:line-through; font-size: 1.1em} .ProductPrice {text-align: center; padding-top: 2px; padding-bottom: 2px; font-weight: bold; color: #000000; } .price{font-weight: bold; color: #321800; padding-right: 5px; font-size: 1.2em} .wasprice{font-weight: bold; color: red; text-decoration:line-through; font-size: 0.9em} #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: 2px; border: 1px solid #807051;margin-top: 5px; margin-bottom: 8px; background-color: #BFB992;} #regBodyContent .paging a {text-decoration: none;} #regBodyContent .paging table {width:100%} #regBodyContent .paging .currentPageLabel {width: 120px; color: black;} #regBodyContent .paging .previousPage {width: 100px; text-align: left; } #regBodyContent .paging .previousPage a { color: #321800;} #regBodyContent .paging .previousPage a:hover { text-decoration: underline;} #regBodyContent .paging .pageNumbers {text-align: center;} #regBodyContent .paging .pageNumbers a.unselectedPage {font-weight: bold; color: #321800} #regBodyContent .paging .pageNumbers a.selectedPage {font-weight: bold;border: 1px solid #807051; padding: 0px 3px 0px 3px; color:#FFFFFF; background-color: #807051 } #regBodyContent .paging .nextPage {width: 80px; text-align: right; } #regBodyContent .paging .nextPage a { color: #321800; } #regBodyContent .paging .nextPage a:hover { text-decoration: underline;} /* 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: 300px; 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; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/lightbox/overlay.png", sizingMethod="scale"); }