/* 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. */ body { font-family: Arial; font-size: .80em; background-color: white;} body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, blockquote, th { margin:0; padding:0; } table {border-collapse: collapse;} #page {margin: 0 auto; width:984px; } /* NOTES: */ /* - As layout is using DIVs, no need to set WIDTH=100% on any content regions/areas. */ /* Region: TOP MENU */ #regTopMenuBar { clear: both; color: black; font-size: .85em;} #regTopMenuBar img {border: 0px} #regTopMenuBar .topNav { float: right; margin: 13px 0px 16px 0px; } #regTopMenuBar .topNav input {font-size: 1.2em; border: 1px solid #b7b7b7; color: #666666; font-family: Arial;} #regTopMenuBar .topNav a {color: Black; text-decoration: none;} #regTopMenuBar .topNav a:hover {color: Black; text-decoration: underline;} #regTopMenuBar .topNav .action1 {float: left; padding-top: 3px; padding-right: 50px; font-size: 1.1em; } #regTopMenuBar .topNav .action2 {float: left; padding: 1px 0px 0px 0px; font-size: 1.1em;} #regTopMenuBar .topNav .action3 {float: left; padding: 0px 0px 0px 5px; font-size: 1.1em;} #regTopMenuBar .joinPOPAI { float: right; } #regTopMenuBar .Logo {margin: 21px 20px 18px 25px; } #regTopMenuBar .Logo a { text-decoration: none; color: Gray;} /*style changed [rr 7 Oct 2011]*/ #regTopMenuBar .red .MenuLinks { clear:both; height: 47px; font-size: 12px; font-weight: bold; background-image: url(images/template/red/topnav_bg.gif); background-repeat: repeat-x;} #regTopMenuBar .red .MenuLinks .left {float: left; width: 8px; height: 46px; background-image: url(images/template/red/topnav_end_left.gif); background-repeat:no-repeat;} #regTopMenuBar .red .MenuLinks .right {float: right; width: 8px; height: 46px; background-image: url(images/template/red/topnav_end_right.gif); background-repeat:no-repeat;} #regTopMenuBar .red .MenuLinks .item { float: left; height: 47px; text-align: center; margin: 0px 0px 0px 0px; padding: 11px 8px 3px 5px; font-size: 1em; background-image: url(images/template/red/topnav_spacer.gif); background-position: top right; background-repeat: no-repeat; } #regTopMenuBar .red .MenuLinks a {color: white; font-weight: bold; text-decoration: none;} #regTopMenuBar .red .MenuLinks a:hover {color:#dddddd; text-decoration: none;} #regTopMenuBar .green .MenuLinks { clear:both; height: 47px; font-size: 1.2em; background-image: url(images/template/green/topnav_bg.gif); background-repeat: repeat-x;} #regTopMenuBar .green .MenuLinks .left {float: left; width: 8px; height: 46px; background-image: url(images/template/green/topnav_end_left.gif); background-repeat:no-repeat;} #regTopMenuBar .green .MenuLinks .right {float: right; width: 8px; height: 46px; background-image: url(images/template/green/topnav_end_right.gif); background-repeat:no-repeat;} #regTopMenuBar .green .MenuLinks .item { float: left; height: 47px; text-align: center; margin: 0px 0px 0px 0px; padding: 11px 8px 3px 5px; font-size: 1em; background-image: url(images/template/green/topnav_spacer.gif); background-position: top right; background-repeat: no-repeat; } #regTopMenuBar .green .MenuLinks a {color: white; font-weight: bold; text-decoration: none;} #regTopMenuBar .green .MenuLinks a:hover {color:#dddddd; text-decoration: none;} /* Region: FOOTER */ #regFooter {clear:both; font-size: .85em; margin-top: 30px; padding: 5px 10px 8px 10px; height: 17px; border-top: 1px solid #b7b7b7; color: #333333;} #regFooter a {color: #333333; font-weight: normal; text-decoration: none;} #regFooter a:hover {text-decoration: underline;} #regFooter .Copyright { float: left; } #regFooter .MenuLinks { float: left; } #regFooter .MenuLinks ul { display: inline; padding: 0px; margin: 0px;} #regFooter .MenuLinks ul li { display: inline; padding-left: 3px;} #regFooter .DesignedBy { float: right; color: #757575; } #regFooter .DesignedBy a {color: #757575;} /* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */ #regMainContent {clear:both; background-color: white; margin-top: 9px;} #regMainContent #homepageBoxed a {text-decoration: underline; color: #a50000; } #regMainContent #homepageBoxed ul {margin: 0px; padding: 0px 0px 4px 0px;} #regMainContent #homepageBoxed ul li {margin: 5px 0px 0px 20px;} #regMainContent #homepageBoxed ul li a {text-decoration: none; color: #666666;} #regMainContent #homepageBoxed ul li a:hover {text-decoration: underline;} #regMainContent #homepageBoxed ul li .tweet {display: inline; } #regMainContent #homepageBoxed ul li .datestamp {display: inline; font-size: .85em; color: #888888; text-align: right; padding: 2px 5px 4px 4px;} #regFixHeights { clear: both;} /*If you want a background on regMainContent to span the height of regBodyContent this is necessary. */ /* Region: Left hand menu/column */ #regLeftMenu {float: left; font-size: 1em; color: #44749D; width: 205px; padding: 0px 0px 5px 0px; } #regLeftMenu a {color: black; text-decoration: none;} #regLeftMenu h2 {font-size: .85em; font-weight: bold; color: white; padding: 2px 5px 2px 2px; background-color:#44749D; margin-top: 3px; } #regLeftMenu .red .MenuItem { width: 205px; height: 33px; font-size: 1.2em; color:white; font-weight: bold; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 10px; background-image: url(images/template/red/menu_bg_header.gif); background-repeat: no-repeat; } #regLeftMenu .red .MenuItem a { color:white; font-weight: bold; text-decoration: none;} #regLeftMenu .red .MenuItem a:hover {text-decoration: underline;} #regLeftMenu .green .MenuItem { width: 205px; height: 33px; font-size: 1.2em; color:white; font-weight: bold; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 10px; background-image: url(images/template/green/menu_bg_header.gif); background-repeat: no-repeat; } #regLeftMenu .green .MenuItem a { color:white; font-weight: bold; text-decoration: none;} #regLeftMenu .green .MenuItem a:hover {text-decoration: underline;} #regLeftMenu .subMenuItem { width: 180px; font-size: .85em; margin: 0px 0px 0px 0px; padding: 9px 12px 3px 12px; background-image: url(images/template/menu_bg_wht.gif); background-repeat: repeat-y;} #regLeftMenu .red .subMenuItem a { color:#a50000; font-weight: bold; text-decoration: underline; } #regLeftMenu .green .subMenuItem a { color:#376850; font-weight: bold; text-decoration: underline; } #regLeftMenu .subMenuItem a:hover {text-decoration: underline; } #regLeftMenu .subMenuItemIndented { width: 205px; font-size: .85em; margin: 0px 0px 0px 0px; padding: 3px 12px 4px 29px; background-image: url(images/template/menu_bg_wht.gif); background-repeat: repeat-y;} #regLeftMenu .subMenuItemIndented A { color:#a50000; font-weight: bold; text-decoration: underline; } #regLeftMenu .subMenuItemIndented A:hover {text-decoration: underline; } #regLeftMenu .MenuFooter { width: 205px; height: 13px; background-image: url(images/template/menu_bg_footer_wht.gif); background-repeat: no-repeat; } #regLeftMenu .searchBox {background-color: #CBDAE6; padding: 2px 4px 3px 4px; margin: 0px 0px 14px 0px;} #regLeftMenu .menuItemsBox { padding: 0px 0px 10px 0px;} #regLeftMenu .productCategoriesBox {padding: 0px 0px 10px 0px;} #regLeftMenu .rssIcons {font-size: .85em; margin: 20px 5px 10px 25px; } #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;} /* Region: Right hand menu/column */ #regRightHandColumn {float: right; font-size: 1em; color: #44749D; width: 160px; background-color: yellow; padding: 0px 2px 5px 2px; border-left: 1px solid #44749D; border-right: 1px solid #44749D; } .newsHeading {padding-bottom: 3px;} .newsHeading a {color: Black; text-decoration: none; font-weight: bold;} .newsHeading a:hover {color: Black; text-decoration: underline;} .newsShortText {color: #666666;} .boxContent {height: 124px; overflow:auto; margin: 0px 0px 0px 0px; font-size: .87em; color: #444444} .boxContent p {margin-top: 0px; padding-top: 0px;} /* Set main content width - if main content width should be 700, but there is 15 left and 15 right padding, then width should be set to 670... */ #regBodyContentHomePage {float: left; width: 952px; font-size: .9em; margin: 0px 15px 0px 15px; padding: 0px; } #regBodyContentContainer {float: left; width: 715px; font-size: .9em; margin: 0px 15px 20px 25px; padding: 0px; min-height: 350px;} #regBodyContent {} #regBodyContent h1 {margin-top: 9px; margin-bottom: 15px; font-size: 1.7em; font-weight: bold; color: #171717; border-bottom: 1px solid #b7b7b7; padding-bottom: 10px; } #regBodyContent h2 {margin-top: 8px; margin-bottom: 3px; font-size: 1.5em; font-weight: bold; color: #222222;} #regBodyContent h3 {margin-top: 8px; margin-bottom: 3px; font-size: 1.3em; font-weight: bold; color: #444444;} #regBodyContent h4 {margin-top: 8px; margin-bottom: 3px; font-size: 1em; font-weight: bold; color: #666666;} #regBodyContent .TestResults { font-weight: bold; font-size: 18px;} #regBodyContent .transition { font-weight: bold; font-size: 18px;} #regBodyContent .red a {text-decoration: underline; color: #a50000; } #regBodyContent .green a {text-decoration: underline; color: #376850; } #regBodyContent a:hover {text-decoration: dotted; } #regBodyContent .standout {color: #a50000; font-weight: bold;} #regBodyContent hr {height: 1px; color: #b7b7b7;} #regBodyContent select {font-size: 1.1em; padding-left: 2px;} #regBodyContent ul li { list-style-type: square; } #regBodyContent input { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; } #regBodyContent input[type=radio] {border: 0px;} #regBodyContent input[type=checkbox] {border: 0px;} #regBodyContent textarea { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; } #regBodyContent .EnterData {margin: 10px 0px 0px 30px;} #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 .txtHighlight { border: 1px solid #CC0033; background-color: #F6FD8C; color: #000000;} #regBodyContent .highlight {background-color:Yellow} /* Button styles */ #regBodyContent .button {background-color: #a50000; font-weight: normal; color: white; font-size: 1.1em; padding: 5px 10px 5px 10px; border: 0px;} #regBodyContent .CancelButton {font-weight: normal; color: Red;} /* datagrid styles */ #regBodyContent .datagrid .datagridHeader {background-color: #cccccc;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 {background-color: #ffffff; border-bottom: 1px solid #666666} #regBodyContent .datagrid .datagridAlternatingItem td { padding: 2px 4px 2px 4px;} /* 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; height: 16px; padding: 1px; color: #333333} #regBodyContent .PaymentForm select { font-size: 1em} #regBodyContent .PaymentFormHeading {background-color: #9f010e; color: White; font-weight: bold; margin-top: 10px; margin-bottom: 6px; border-bottom: 2px solid #9AA3B1;padding-top:2px; padding-bottom: 2px; padding-left: 5px;} #regBodyContent .PaymentSecureSeal { text-align:center; margin-top: 10px; } #regBodyContent .PaymentForm .Compulsory { font-weight: bold; color: Red; font-size: 0.9em; padding-left: 3px; padding-right: 3px;} /* [rr 13 Sept 2011] discount code styles */ #regBodyContent .PaymentForm .DiscountApplied { font-weight: bold; color: Green; font-size: 1.2em} #regBodyContent .PaymentForm .DiscountNotApplied { font-weight: bold; color: red; font-size: 1.2em} /* 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 td { background-color: black; color: White; font-weight: bold;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem td { 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 { width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketDelivery { 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.1em; margin-bottom: 5px; padding: 3px 0px 3px 0px;} #regBodyContent .BasketSummary .CartBorder { border: 1px solid #D0D0D0; text-align: center; width: 80px;} #regBodyContent .BasketSummary .BasketButtons {width: 100%; margin-bottom: 5px; margin-top: 10px;} #regBodyContent .BasketSummary .BasketButtons .CheckoutButtonArea { padding-top: 12px; clear: both; height: 40px; border-bottom: 1px solid #CCCCCC; padding-bottom: 4px; } #regBodyContent .BasketSummary .BasketButtons .CheckoutButtonArea .MultiplePaymentGateways { display: inline; float: right; margin: 3px 20px 0px 0px; font-size: 1.5em; padding-top: 3px; font-weight: bold;} #regBodyContent .BasketSummary .BasketButtons .CheckoutButtonArea .Buttons { float: right;} #regBodyContent .BasketSummary .BasketButtons .UpdateQuantity {color: Navy; font-weight: bold; font-size: 1em; width:110px; } #regBodyContent .BasketSummary .BasketButtons .ContinueShopping { color: Navy; font-weight: bold; font-size: 1em; width:140px; } #regBodyContent .BasketSummary .BasketButtons .Checkout {color: DarkGreen; font-weight: bold; font-size: 1em; width: 220px; height: 30px; } #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-color: black; color: White; font-weight: bold;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader td { padding: 2px 4px 2px 4px;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem {} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem td { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px; } #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-right: 10px; width:300px; } #regBodyContent .ProductPhotos .MainPhoto {text-align:center; border: 1px solid black; height: 300px;} #regBodyContent .ProductPhotos .ThumbnailCaption {font-family: arial; font-weight:normal; font-size: .9em; text-align:center; color: #777777; padding: 5px 0px 5px 0px; } #regBodyContent .ProductPhotos .ThumbnailPhoto { border: 1px solid #aaaaaa; font-size:70px; line-height: 90px; vertical-align: middle; height:90px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center;} #regBodyContent .ProductSKUsTable .ProductSKUsHeader td { background-color: black; color: White; font-weight: bold;} #regBodyContent .ProductSKUsTable .ProductSKUsItem td { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .price{font-weight: bold; color: Red;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow {color: Red; font-weight: bold; font-size: .8em;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .wasprice{font-weight: bold; color: #000000; 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: .8em; background-color: #01A2E6;} #regBodyContent .SubCategoryThumbnailBrowse {} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail {height: 150px; width: 120px} #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 {text-align: center; padding-top: 3px; height: 25px; } #regBodyContent .BrandThumbnailBrowse {} #regBodyContent .BrandThumbnailBrowse .Thumbnail {height: 150px; width: 120px} #regBodyContent .BrandThumbnailBrowse .Thumbnail .ThumbnailPhoto {border: 1px solid #aaaaaa; height:125px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center;} #regBodyContent .BrandThumbnailBrowse .Thumbnail .ThumbnailText {text-align: center; padding-top: 3px; height: 25px; } #regBodyContent .ProductThumbnailBrowse {} #regBodyContent .ProductThumbnailBrowse .Thumbnail {height: 210px; width: 150px; margin-bottom: 7px;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailPhoto {border: 1px solid #aaaaaa; height:150px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailText {height: 28px; text-align: center; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .ProductPrice {text-align: center; padding-top: 2px; padding-bottom: 12px; font-weight: bold; color: #000000; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .price{font-weight: bold; color: Red; padding-right: 5px;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .wasprice{font-weight: bold; color: black; text-decoration:line-through;} #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: 10px; padding-bottom: 20px;} #regBodyContent .paging a {text-decoration: none;} #regBodyContent .paging table {width:100%} #regBodyContent .paging .currentPageLabel {width: 180px; color: black;} #regBodyContent .paging .previousPage {width: 100px; text-align: left; } #regBodyContent .paging .previousPage a { color: Gray;} #regBodyContent .paging .pageNumbers {text-align: center;} #regBodyContent .paging .pageNumbers a.unselectedPage {font-weight: bold; color: #999999} #regBodyContent .paging .pageNumbers a.selectedPage {font-weight: bold; color: red} #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: 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; } #regBodyContent .AwardsCategory A { font-weight: bold; text-decoration: none; text-align: center;} #regBodyContent .AwardsCategory A:Hover { font-weight: bold} #regBodyContent .AwardsTitle { font-weight: bold; padding-bottom:4px;} #regBodyContent .Nominated { font-weight: bold; color: #F58027; font-size: 15px;} /*added [rr 11 aug 2011] for CVS */ #regBodyContent .CVArea{ padding-top: 10px} #regBodyContent .CV { padding-bottom: 10px; clear: both; border-bottom: 1px solid silver; margin-bottom: 10px;} #regBodyContent .CVPersonsName { font-size: 1.1em; font-weight: bold; padding-bottom: 5px; padding-top: 5px; cursor: hand; float:left} #regBodyContent .CVDescription {Display: none} #regBodyContent .CVFullDescription {} #regBodyContent .CVDate {padding-bottom: 5px; padding-top: 5px; float:right} #regBodyContent .CVReadMore {color: #a50000; font-weight: bold} /*added [rr 16 Sept 2011] for purchasing Ecourses*/ #regBodyContent .PurchaseEcourse .EcourseTitle { float:left; width: 300px; font-weight: bold} #regBodyContent .PurchaseEcourse .QuantityTitle { float:left; width: 150px; font-weight: bold} #regBodyContent .PurchaseEcourse .PriceTitle { float:left; width: 100px; font-weight: bold; text-align: right} #regBodyContent .PurchaseEcourse .Ecourse { float:left; width: 300px;} #regBodyContent .PurchaseEcourse .Quantity { float:left; width: 150px;} #regBodyContent .PurchaseEcourse .Price { float:left; width: 100px; text-align: right} /*added [rr 19 Oct 2011] for new default ecourses*/ #regBodyContent .EcoursesListTopContent {padding-bottom: 5px} #regBodyContent .EcoursesListBottomContent {clear:left; padding-top: 10px} #regBodyContent .EcourseItem {clear:left; padding-top: 5px; padding-left: 10px} #regBodyContent .EcourseItem .Title {float: left; color: #a50000} #regBodyContent .EcourseItem .MoreInfo {float: right} /*added [rr 19 Oct 2011] for course details*/ #regBodyContent .CourseDetails {} #regBodyContent .CourseDetails .CourseDetailsTopContent{ margin-bottom: 5px} /* 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;} .Performance {margin-left: 30px;} .Performance tr.PerformanceHeader {} .Performance tr.PerformanceHeader td {padding: 7px; vertical-align:text-top; font-weight: bold; font-size: 1.1em; border-bottom: 2px solid gray;} .Performance tr.PerformanceItem {} .Performance tr.PerformanceItem td {padding: 10px; vertical-align:text-top; font-size: 1.1em; border-bottom: 2px solid silver;} /*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"); } /* Hacks */ /* float clearing for IE6 */ * html #regMainContent { height: 1%; overflow: visible; } /* float clearing for IE7 */ *+html #regMainContent { min-height: 1%; } /* float clearing for everyone else */ #regMainContent:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }