/* 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: .90em; background-color: white;} body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th { margin:0; padding:0; } table {border-collapse: collapse;} #regBodyContent input { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; font-family: arial;} #regBodyContent input { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; font-family: arial;} #regBodyContent textarea { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; font-family: arial;} #regBodyContent .None input { border: 0px solid #FFFFFF; background-color: Transparent; color: black; font-family: arial;} #regBodyContent .txtHighlight { border: 1px solid #CC0033; background-color: #F6FD8C; color: #000000;} /* 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:976px; } /* Region: TOP MENU */ #regTopMenuBar { width: 100%; background-color:white; color: #186ABe; padding: 3px 0px 3px 0px; text-align: right;} #regTopMenuBar .MenuLinks { background-color:#FFFFFF; padding-top: 4px; padding-bottom: 4px; padding-left: 5px; margin-right: 11px; font-size: .87em; } #regTopMenuBar .MenuLinks ul { display: inline} #regTopMenuBar .MenuLinks ul li { display: inline; padding: 0px 0px 0px 10px; font-size: .9em} #regTopMenuBar .MenuLinks a {color: #186ABe; font-weight: normal; text-decoration: none;} #regTopMenuBar .MenuLinks a:hover {text-decoration: underline;} #regTopMenuBar #regTabs {margin-right: 10px; float: right} #regTopMenuBar #regTabs a{ font-weight: bold; font-size: 1.2em; color: #FFFFFF; text-decoration: none; } #regTopMenuBar #regTabs a:hover{ text-decoration: underline;} #regTopMenuBar #regTabs .tabBlueLeft { background-image: url(images/template/tab_30px_blue_left.gif); background-repeat: no-repeat; height: 30px; width: 4px;} #regTopMenuBar #regTabs .tabBlueMiddle { background-image: url(images/template/tab_30px_blue_bg.gif); background-repeat: repeat-x; padding: 0px 13px 0px 13px} #regTopMenuBar #regTabs .tabBlueRight { background-image: url(images/template/tab_30px_blue_right.gif); background-repeat: no-repeat; height: 30px; width: 4px;} #regTopMenuBar #regTabs .tabSpacer {width: 2px;} #regTopMenuBar #regTabs .tabGreenLeft { background-image: url(images/template/tab_30px_Grn_left.gif); background-repeat: no-repeat; height: 30px; width: 4px;} #regTopMenuBar #regTabs .tabGreenMiddle { background-image: url(images/template/tab_30px_Grn_bg.gif); background-repeat: repeat-x; padding: 0px 13px 0px 13px} #regTopMenuBar #regTabs .tabGreenRight { background-image: url(images/template/tab_30px_Grn_right.gif); background-repeat: no-repeat; height: 30px; width: 4px;} #regTopMenuBar #tabBase { clear: both; } #regTopMenuBar #tabBase .topBarLeft { background-image: url(images/template/topbar_blue_left.gif); background-repeat: no-repeat; height: 18px; width: 6px; float: left; } #regTopMenuBar #tabBase .topBarMiddle {background-image: url(images/template/topbar_blue_bg.gif); background-repeat: repeat-x; height: 18px; width: 962px; float: left;} #regTopMenuBar #tabBase .topBarRight { background-image: url(images/template/topbar_blue_right.gif); background-repeat: no-repeat; height: 18px; width: 8px; float: left;} #topLogos { width: 100%} /* Region: Reseller Menu */ #resellerMenu {clear:both; font-size: .85em; font-weight: bold; background-color: Red; color: White; padding: 7px; margin: 7px;} #resellerMenu a {color: White; text-decoration: None;} /* Region: FOOTER */ #regFooter {width: 100%; font-size: .75em; padding: 0px; height: 27px; color: #186ABE; margin: 8px 0px 4px 0px} #regFooter .Copyright { display: inline; } #regFooter .RSS { display: inline; } #regFooter .MenuLinks { display: inline;color: #74d001} #regFooter .MenuLinks ul { display: inline} #regFooter .MenuLinks ul li { display: inline; padding: 0px 4px 0px 4px; } #regFooter a {color: #186ABE; font-weight: normal; text-decoration: none;} #regFooter a:hover {text-decoration: underline;} #regFooter .footermiddle { background-image: url(images/template/footer_bg.gif); background-repeat: repeat-x; text-align: right; width: 88%;height: 27px;} #regFooter .footerleft { margin: 0px; padding: 0px; line-height: 27px; background-image: url(images/template/footer_bg.gif); background-repeat: repeat-x; text-align: left;height: 27px;} /* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */ #regMainContent {width: 100%;} /* Region: Left hand menu/column */ #regLeftMenu {font-size: 1em; vertical-align:top; color: #44749D; width: 160px; background-color: white; padding: 0px 2px 5px 2px; border-left: 1px solid #44749D; border-right: 1px solid #44749D; } #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 .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: .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 { font-size: .85em; background-color: #CBDAE6; margin: 0px 0px 1px 0px; padding: 2px 0px 2px 3px; } #regLeftMenu .MenuItem A { color:black; font-weight: normal; text-decoration: none;} #regLeftMenu .MenuItem A:hover {text-decoration: underline;} #regLeftMenu .subMenuItem { font-size: .8em; 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 */ #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;} /* Region: main content */ #regBodyContent { border-left: 1px solid #CAE1F1; border-right: 1px solid #CAE1F1; background-image: url(images/template/bg_body_grad_blue.gif); background-repeat: repeat-x; min-height: 300px; vertical-align:top; padding: 0px 1px 4px 7px; background-color: White; font-size: .85em} #regBodyContent h1 { margin-bottom: 5px; font-size: 2em; font-weight: bold; color: #66A901} #regBodyContent h2 { margin-top: 8px; margin-bottom: 3px; font-size: 1.4em; font-weight: bold; color: #3A98C0;} #regBodyContent h3 { margin: 0px 0px 3px 0px; font-size: 1.5em; font-weight: bold; color: #FFFFFF; padding: 0px;} #regBodyContent h4 {margin-top: 8px; margin-bottom: 3px; font-size: 1.5em; font-weight: bold; color: #3A98C0;} #regBodyContent select {font-size: 1em; padding-left: 2px;} #regBodyContent input {font-size: 1em; padding-left: 2px;} #regBodyContent ul li { list-style-type: square; } #regBodyContent a {text-decoration: underline; font-weight: bold; color: #186ABE; } #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} #regBodyContent #regMain { width: 959px; } #regBodyContent #regMain .topLeft { background-image: url(images/template/panel_head_grn_left.gif); background-repeat: no-repeat; height: 49px; width: 9px} #regBodyContent #regMain .topMiddle { background-image: url(images/template/panel_head_grn_bg.gif); background-repeat: repeat-x; height: 49px; width: 942px;} #regBodyContent #regMain .topMiddle h1 { color: #FFFFFF; font-size: 1.6em; margin-left: 10px;} #regBodyContent #regMain .topRight { background-image: url(images/template/panel_head_grn_right.gif); background-repeat: no-repeat; height: 49px; width: 9px} #regBodyContent #regMain .body { font-size: 0.95em; width: 942px; height: 296px; background-color: #FFFFFF; border-left: 1px solid #9ccBEA; border-right: 1px solid #9ccBEA; padding: 16px 20px 6px 20px; vertical-align:top;} #regBodyContent #regMain .bottom {background-image: url(images/template/box_curve_btm.gif); background-repeat: repeat-x; height: 5px;} #regBodyContent .GalleryThumbnailBrowse {} #regBodyContent .GalleryThumbnailBrowse .Thumbnail {height: 230px; width: 300px; margin: 2px; display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #CCCCCC;} #regBodyContent .features { width: 550px; margin-left: 20px;} #regBodyContent .features td { border-top: 1px solid gray;} #regBodyContent .features td.standard { border-top: 1px solid gray; width: 80px; text-align: center; } #regBodyContent .features td.optional { border-top: 1px solid gray; width: 80px; text-align: center; } #regBodyContent .featuresHeading { width: 550px; margin-left: 20px;} #regBodyContent .featuresHeading td.firstbit { width: 390px; border-bottom: 1px solid gray;} #regBodyContent .featuresHeading td.standard { border-bottom: 1px solid gray; width: 80px; text-align: center; font-weight: bold; font-weight: bold; background-color: Gray; color: White; border-right: 1px solid white;} #regBodyContent .featuresHeading td.optional { border-bottom: 1px solid gray; width: 80px; text-align: center; font-weight: bold; font-weight: bold; background-color: Gray; color: White;} #regBodyContent #regHomePage { width: 966px; } #regBodyContent #regStopwatch { width: 314px; height: 350px; background-color: #FFFFFF; } #regBodyContent #regStopwatch .topLeft { background-image: url(images/template/panel_head_grn_left.gif); background-repeat: no-repeat; height: 49px; width: 9px; } #regBodyContent #regStopwatch .topMiddle { background-image: url(images/template/panel_head_grn_bg.gif); background-repeat: repeat-x; width: 255px; height: 49px; } #regBodyContent #regStopwatch .topRight { background-image: url(images/template/panel_head_stopwatch.gif); background-repeat: no-repeat; height: 49px; width: 50px} #regBodyContent #regStopwatch .body { font-size: 0.95em; height: 296px; border-left: 1px solid #9ccBEA; border-right: 1px solid #9ccBEA; padding: 6px; vertical-align:top; } #regBodyContent #regStopwatch .bottom {background-image: url(images/template/box_curve_btm.gif); background-repeat: repeat-x; height: 5px;} #regBodyContent #regTill { width: 314px; height: 350px; background-color: #FFFFFF;} #regBodyContent #regTill .topLeft { background-image: url(images/template/panel_head_grn_left.gif); background-repeat: no-repeat;height: 49px; width: 9px} #regBodyContent #regTill .topMiddle { background-image: url(images/template/panel_head_grn_bg.gif); background-repeat: repeat-x; height: 49px; width:253px} #regBodyContent #regTill .topRight { background-image: url(images/template/panel_head_till.gif); background-repeat: no-repeat; height: 49px; width: 52px} #regBodyContent #regTill .body { font-size: 0.95em; height: 296px; border-left: 1px solid #9ccBEA; border-right: 1px solid #9ccBEA; padding: 6px; vertical-align:top;} #regBodyContent #regTill .bottom {background-image: url(images/template/box_curve_btm.gif); background-repeat: repeat-x; height: 5px; width: 314px; z-index: 99} #regBodyContent #regBox { width: 314px; height: 350px; background-color: #FFFFFF;} #regBodyContent #regBox .topLeft { background-image: url(images/template/panel_head_grn_left.gif); background-repeat: no-repeat; height: 49px; width: 9px} #regBodyContent #regBox .topMiddle { background-image: url(images/template/panel_head_grn_bg.gif); background-repeat: repeat-x; height: 49px; width:255px} #regBodyContent #regBox .topRight { background-image: url(images/template/panel_head_box.gif); background-repeat: no-repeat; height: 49px; width: 50px} #regBodyContent #regBox .body { font-size: 0.95em; height: 296px; border-left: 1px solid #9ccBEA; border-right: 1px solid #9ccBEA; padding: 6px; vertical-align:top;} #regBodyContent #regBox .bottom {background-image: url(images/template/box_curve_btm.gif); background-repeat: repeat-x; height: 5px;} #regMainContent .lghtBlueFooter { width: 968px; height: 4px;background-image: url(images/template/boxcorn_ltblue_b.gif); background-repeat: repeat-x;} /* Button styles */ #regBodyContent .button {font-weight: bold; color: #111111;} #regBodyContent .CancelButton {font-weight: normal; color: Red;} /* datagrid styles */ #regBodyContent .datagrid {background-color: #CCCCCC; border: solid 1px #FFFFFF; border-collapse: separate; color: #363636; margin: 1px} #regBodyContent .datagrid .datagridHeader {background-color: #cccccc;font-weight: bold; margin-bottom: 10px;} #regBodyContent .datagrid .datagridHeader td { padding: 0px 4px 0px 4px; background-image:url(images/template/tab_30px_grn_bg.gif); color: #FFFFFF; height:25px; font-size: 1.2em; } #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: 520px; text-align: left;} #regBodyContent .PaymentForm .heading {width: 140px} #regBodyContent .PaymentForm input, textarea {font-size: 1em;} #regMainContent .PaymentFormHeading { text-align: left; background-image:url(images/template/tab_30px_grn_bg.gif); color: #FFFFFF; height:20px; font-size: 1.2em; padding-top: 3px; width: 550px; font-size: 1.2em; font-weight: bold; margin-top: 10px; margin-bottom: 6px; padding-left: 15px;} #regBodyContent .PaymentSecureSeal { text-align:center; margin-top: 10px; } /* these styles are used on the view shopping basket page... */ #regBodyContent .BasketSummary {margin-left: 120px; width: 650px;} #regBodyContent .BasketSummary .BasketSummaryTable {width: 100%; border-collapse: collapse; } #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader {color: White; font-weight: bold;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader td { padding: 0px 4px 0px 4px; background-image:url(images/template/tab_30px_grn_bg.gif); color: #FFFFFF; height:25px; font-size: 1.2em; } #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;padding-right: 10px;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem td{ padding-right: 10px; } #regBodyContent .BasketSummary .BasketSummaryTable .BasketItemQuantity {width: 20px; text-align:center; font-size: 1em; margin-left: 25px;} #regBodyContent .BasketSummary .BasketSubtotal { font-weight: bold;margin-left: 10px; margin-right: 10px; 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 {margin-left: 10px; margin-right: 10px; 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 .CartBorder { border: 1px solid #D0D0D0; text-align: center; width: 80px;} #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: 0.9em; width:65px; height: 17px; text-transform: capitalize;} #regBodyContent .BasketSummary .CartRemove {margin-left: 10px; background-color: #FFFFFF;font-weight: bold; border: 1px solid #CCCCCC; color: #000000; } #regBodyContent .BasketSummary .CartRemove:Hover { text-decoration: none;} /* these styles are used on the final checkout page... */ #regBodyContent .PaymentSummary {margin-left: 120px; width: 650px;} #regBodyContent .PaymentSummary .PaymentSummaryTable {width: 650px; } #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader td { padding: 0px 4px 0px 4px; background-image:url(images/template/tab_30px_grn_bg.gif); color: #FFFFFF; height:25px; font-size: 1.2em; font-weight: bold; } #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 { 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; } /* 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; } #regBodyContent .warning {border: 1px solid gray; margin-bottom: 20px; padding: 6px; background-color: lightyellow;} /* 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"); }