/* 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 */ /*take out image background [rr 26 Sept 2011] background-image:url(images/template/bg_page.jpg); background-color: #cdc5a2; background-repeat: repeat-x;*/ body { font-family: Arial; font-size: .80em; margin-top:3px; background-color: #F3F3F3;} 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; background-color:} #regBodyContent input { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: #666666; font-family: Verdana;} #regBodyContent textarea { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: #666666; font-family: Verdana;} #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:986px;} .ShadowR { background-image:url(images/template/pgshadow_r.png); width:6px; } /* Region: TOP MENU */ /*#regTopMenuBar { background-color:white; padding: 3px 3px 3px 3px; font-size:.88em; font-weight:bold; color:#5E3f0C; border-left:solid 1px #C2BA8E; border-top:solid 1px #C2BA8E; border-right:solid 1px #C2BA8E; }*/ #regTopMenuBar { background-color:white; font-size:.88em; font-weight:bold; color:#5E3f0C; border-left:solid 1px #C2BA8E; border-top:solid 1px #C2BA8E; border-right:solid 1px #C2BA8E; } /*#regTopMenuBar .logo {margin: 15px 10px 15px 10px; float: left;} (mar 11 rr)*/ #regTopMenuBar .logo { position: absolute; left: 10px; top: 10px} /*#regTopMenuBar .strapline {margin: 20px 30px 1px 30px; float: left;} (mar 11 rr)*/ #regTopMenuBar .strapline {position: absolute; left: 160px; top: 30px} #regTopMenuBar .telephone {position: absolute; left: 640px; top: 30px } #regTopMenuBar #social-media {position: absolute; left: 280px; top: 0px;} #regTopMenuBar #social-media #facebook{width:24px;height:24px;} #regTopMenuBar #social-media #twitter{width:24px;height:24px;position: absolute; left: 30px; top: 0px;} #regTopMenuBar .creditCards { position:absolute; left: 845px; top:5px} #regTopMenuBar .topLinks {float: right; margin: 5px 15px 0px 0px; color: #d46900;} #regTopMenuBar .topLinks a {color: #605414; text-decoration: none;} #regTopMenuBar .topLinks a:hover {color: #605414; text-decoration: underline;} #regTopMenuBar .topLinks ul {display: inline;} #regTopMenuBar .topLinks ul li { display: inline; padding: 0px 3px 0px 3px;} /*#regTopMenuBar .wishList {float: right; margin: 16px 0px 0px 0px; width: 324px; background-image: url(images/template/wishlist_bg.gif); background-repeat: repeat-x; } (mar 11 rr)*/ #regTopMenuBar .wishList { position: absolute; left: 654px; top: 82px; width: 324px; background-image: url(images/template/wishlist_bg.gif); background-repeat: repeat-x; } /*add mar 11 rr*/ #regTopMenuBar .ShowPrices { position:absolute; left:484px; top:90px; font-weight: bold; width: 165px; color:#ffffff; background-color:#C75C10;border-left:solid 2px #F58F00; border-top:solid 2px #F58F00; border-right:solid 2px #9A3601; border-bottom:solid 2px #9A3601; } #regTopMenuBar .wishList .leftbit {float: left; margin: 0px 5px 0px 0px;} #regTopMenuBar .wishList .middlebit {float: left; width:85px; margin: 10px 0px 0px 0px; padding: 3px 0px 3px 0px; text-align:center; background-color: #853728; font-size: 12px; color: White; font-weight: bold; text-transform: uppercase;} #regTopMenuBar .wishList .rightbit {float: left; margin: 9px 0px 0px 5px; } #regTopMenuBar .searchBar {clear:both; height: 29px; background-color: #dace99; background-image: url(images/template/label_product_search.gif); background-repeat: no-repeat; padding: 0px 0px 0px 180px; font-size: 1.1em; margin-left: 3px; margin-right: 3px} #regTopMenuBar .searchBar .option {float: left; padding: 5px 5px 0px 0px;} #regTopMenuBar .searchBar .heading {float: left; padding: 8px 5px 0px 0px; text-transform: uppercase;} #regTopMenuBar .searchBar .radio {float: left; padding: 7px 8px 0px 8px;} #regTopMenuBar .searchBar .brand {float: left; padding: 3px 0px 0px 10px;} #regTopMenuBar .searchBar .brand select {font-family: Arial; font-size: 1em; padding: 1px 0px 1px 5px; border:solid 1px #C4C696; width:120px; height: 22px;} #regTopMenuBar .searchBar .categories {float: left; padding: 3px 0px 0px 10px;} #regTopMenuBar .searchBar .categories select {font-family: Arial; font-size: 1em; padding: 1px 0px 1px 5px; border:solid 1px #C4C696; width:185px; height: 22px;} #regTopMenuBar .searchBar .keyword {float: right; padding: 4px 0px 0px 10px;} #regTopMenuBar .searchBar .keyword input {font-family: Arial; font-size: 1em; padding: 2px 0px 1px 5px; width:130px; height: 13px;} #regTopMenuBar .searchBar .button {float: right; padding: 4px 5px 0px 7px;} #regTopMenuBar .menuLinks { clear: both; background-image: url(images/template/topnav_bg.gif); background-repeat: repeat-x; margin-left: 3px; margin-right: 3px } #regTopMenuBar .menuLinks .menuitem { height:25px; padding:2px 12px 0px 12px; font-size: 1.1em;} #regTopMenuBar .menuLinks .arrow { padding:0px 4px 0px 5px; } #regTopMenuBar .menuLinks a {color: white; font-weight: bold; text-decoration: none;} #regTopMenuBar .menuLinks a:hover {text-decoration: underline;} /* Region: FOOTER */ #regFooter {width: 100%; font-size: .8em; padding-bottom: 0px;} #regFooter td {color: black; padding: 0px 8px 4px 4px;} #regFooter .Copyright { display: inline; padding-right: 15px; } #regFooter .MenuLinks { display: inline; padding-top: 4px; padding-bottom: 4px; } #regFooter .MenuLinks ul { display: inline} #regFooter .MenuLinks ul li { display: inline; padding: 0px 3px 0px 3px; } #regFooter a {color: black; 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%;} #regMainContent h1 {width:791px; background-image:url(images/template/nameplate_bg_gold.gif); font-size:1em; height:19px; padding:4px 0px 0px 5px; color:#ffffff;} /* Region: Left hand menu/column */ #regLeftMenu {font-size: 1.1em; font-weight:bold; vertical-align:top; color: #44749D; width: 174px; background-color: white; padding: 3px 0px 5px 3px; } #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: 0px; } #regLeftMenu .menuItemsBox { padding: 0px;} #regLeftMenu .productCategoriesBox {padding: 0px;} #regLeftMenu .rssIcons {font-size: .8em; margin: 0px 5px 10px 15px; } #regLeftMenu .button {color: Red; font-weight: bold; width: 165px; background-color: White; } #regLeftMenu .container { background-image: url(images/template/bg_lmenu.jpg); background-repeat: repeat-y; margin-top:1px; vertical-align:top; position:relative; width:167px; min-height:22px;} #regLeftMenu .containerHeader { background-image: url(images/template/bg_plus.gif); background-repeat: repeat-y; margin-top:1px; vertical-align:top; position:relative; width:167px; min-height:22px;} #regLeftMenu .MenuItem { font-size: .80em; background-image: url(images/template/arrow_orange.gif); background-position: 4px 3px; background-repeat: no-repeat; width:147px; min-height:18px; padding-top:4px; padding-left:29px; } #regLeftMenu .MenuItem a { color:black; font-weight: normal; text-decoration: none;} #regLeftMenu .MenuItem a:hover {text-decoration: underline;} #regLeftMenu .subMenuItem { font-size: .8em; padding: 2px 4px 2px 29px; background-color:#E5DDB8; color: black; } #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;} /* set the 750px width below to be the width (920 - left hand menu width).. */ #regBodyContent {vertical-align:top; width: 777px; padding: 10px; background-color: White; font-size: .85em;} #regBodyContent h1 {margin-bottom: 2px; font-size: 1.7em; font-weight: bold; color: #3A98C0; width:0px; background-image:none; } #regBodyContent h2 {margin-bottom: 1px; font-size: 1.8em; padding-top:15px; padding-bottom:8px; font-weight: bold; color: #bf3c05;} #regBodyContent h3 {margin-bottom: 1px; font-size: 1.6em; font-weight: bold; color: #605414;} #regBodyContent h4 {margin-bottom: 1px; font-size: 1.3em; font-weight: bold; color: #605414;} #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: #605414; } #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 li { list-style-type: square; } /* Button styles */ #regBodyContent .button {font-weight: bold; color: #111111;} #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;} #regBodyContent .homepageItem {padding:1px; border:solid 1px #C4BA86; margin: 5px 0px 0px 0px; width: 393px; float: left;} #regBodyContent .homepageItem .homepagePicture {float: left; height: 150px; width: 180px; padding: 0px; text-align: center; border: 1px solid #C4BA86; margin: 6px;} #regBodyContent .homepageItem a {text-decoration: none; color: #4a4c01;} #regBodyContent .homepageItem .homepageProductName {font-size: 1.4em; font-weight: bold; height: 78px; width: 192px; float: right; margin: 12px 5px 5px 0px;} #regBodyContent .homepageItem .homepagePrice {border: 1px solid #C4BB82; background-color: #EFEAD4; height: 56px; width: 192px; float: right;margin: 5px 5px 5px 0px;} #regBodyContent .homepageItem .homepagePrice .amount {padding: 5px; font-size: 1.4em; color: #912211; font-weight: bold;} #regBodyContent .homepageItem .homepagePrice .link {clear: both; float: right; padding: 8px 7px 0px 0px;} /* 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: #163E83; color: White; font-weight: bold; margin-top: 10px; margin-bottom: 6px; border-bottom: 2px solid #9AA3B1;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: 20px; width: 680px;} #regBodyContent .BasketSummary .BasketSummaryTable {width: 100%; border-collapse: collapse; } #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader { background-color: #909030; color: White; font-weight: bold;} #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 { 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 .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: 1em; width:65px} #regBodyContent .BasketSummary .CartRemove { background-color: #FFFFFF;font-weight: bold; color: #000000; border: 0px} #regBodyContent .BasketSummary .CartRemove:Hover { text-decoration: none;} /* added Feb 2011 by rr to add for buyer wish list*/ #regBodyContent .UserDetails {margin-left: 40px; width: 550px;} #regBodyContent .UserDetails .SendWishList {float:right; margin: 20px 20px 20px 0px;} #regBodyContent input:button {font-weight: bold; color:#ffffff; background-color:#C75C10;border-left:solid 2px #F58F00; border-top:solid 2px #F58F00; border-right:solid 2px #9A3601; border-bottom:solid 2px #9A3601; } /* 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 { 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 .ProductSection { margin-bottom: 20px; } #regBodyContent .ProductPhotos { margin-bottom: 10px; } #regBodyContent .ProductPhotos .MainPhoto {text-align:center; border: 1px solid black; height: 250px;line-height: 250px;} #regBodyContent .ProductPhotos .ThumbnailCaption {font-weight:normal; text-align:center; color: #777777; padding: 5px 0px 5px 0px;} #regBodyContent .ProductPhotos .ThumbnailPhoto { border: 1px solid #aaaaaa; height:90px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center;} #regBodyContent .ProductSKUsTable .ProductSKUsHeader { background-color: black; color: White; font-weight: bold;} #regBodyContent .ProductSKUsTable .ProductSKUsItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .price{font-weight: bold; color: #605414;} #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: 170px; 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: 160px; width: 180px} #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: 210px; margin:18px; text-align: center;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailPhoto { width: 180px; height:150px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; border: 1px solid #c4ba86;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailText { text-align: center; padding-top: 4px; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .ProductPrice {text-align: center; padding-top: 2px; padding-bottom: 18px; font-weight: bold; color: #000000; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .price {font-weight: bold; color: #bf3c05; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .wasprice {font-weight: bold; color: black; text-decoration:line-through;} #regBodyContent .ProductThumbnailBrowseHome {} #regBodyContent .ProductThumbnailBrowseHome .Thumbnail {height: 210px; width: 210px; margin:0px; border: 1px solid #E5DDB8;} #regBodyContent .ProductThumbnailBrowseHome .Thumbnail .ThumbnailPhoto {line-height: 150px; height:150px; padding-top: 3px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center;} #regBodyContent .ProductThumbnailBrowseHome .Thumbnail .ThumbnailText { text-align: center; padding-top: 4px; } #regBodyContent .ProductThumbnailBrowseHome .Thumbnail .ProductPrice {text-align: center; padding-top: 2px; padding-bottom: 18px; font-weight: bold; color: #000000; } #regBodyContent .ProductThumbnailBrowseHome .Thumbnail .price {font-weight: bold; color: #bf3c05; } #regBodyContent .ProductThumbnailBrowseHome .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 .backToCategory {padding-top: 2px; padding-bottom: 8px; text-align: right;} #regBodyContent .backToCategory a {text-decoration: none; color: #444444; font-size: 1.1em;} #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; } /* Slideshow */ .stepcarousel { margin: 0px 10px 0px 25px; position: relative; /*leave this value alone*/ border: none; overflow: scroll; /*leave this value alone*/ width: 727px; /*Width of Carousel Viewer itself*/ height: 166px; /*Height should enough to fit largest content's height*/ } .stepcarousel .belt { position: absolute; /*leave this value alone*/ left: 0; top: 5px; } .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 5px; /*margin around each panel*/ width: 180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ border: 1px solid #C4BA86; } .glidecontentwrapper{ position: relative; /* Do not change this value */ width: 800px; height: 190px; /* Set height to be able to contain height of largest content shown*/ overflow: hidden; } /* Total wrapper width: 350px+5px+5px=360px Or width of wrapper div itself plus any left and right CSS border and padding Adjust related containers below according to comments */ .glidecontent{ /*style for each glide content DIV within wrapper.*/ position: absolute; /* Do not change this value */ background: white; padding: 0px; visibility: hidden; width: 800px; } /* Total glidecontent width: 330px+10px+10px=350px Or width of wrapper div itself (not counting wrapper border/padding) */ .glidecontenttoggler{ /*style for DIV used to contain toggler links. */ width: 800px; margin-top: 6px; text-align: center; /*How to align pagination links: "left", "center", or "right" background: white; /*always declare an explicit background color for fade effect to properly render in IE*/ visibility: hidden; } /* Total contenttoggler width: 350px+5px+5px=360px Or total width of wrapper div (counting wrapper border/padding) */ .glidecontenttoggler a{ /*style for every navigational link within toggler */ display: -moz-inline-box; display: inline-block; color: #2e6ab1; padding: 1px 3px; margin-right: 3px; font-weight: bold; text-decoration: none; } .glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */ background: #E4EFFA; color: black; } .glidecontenttoggler a:hover{ background: #E4EFFA; color: black; } .glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */ } .glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */ } .glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{ background: #1A48A4; color: white; } /*new styles added for re-design of product details page Jan 2011*/ #headerNew{height: 23px; background-image:url(images/template/nameplate_bg_gold.gif); padding: 5px 5px 5px 5px} #headerNew .BackToCategoryNew {color:#ffffff; font-size: 1.1em; font-weight:bold} #headerNew .BackToCategoryNew a { text-decoration: none} #headerNew .BackToCategoryNew .ButtonOraBg { float: right; height: 21px; background-image: url(images/template/btn_ora_bg.gif); padding: 2px 5px 0px 5px} #headerNew .BackToCategoryNew .ButtonOrgEnd {float: right; height: 23px} #productNameNew { text-transform: uppercase; border-bottom: solid 1px #CABA86; height: 50px; margin: 0px 0px 10px 0px} #productNameNew H2 { padding-top: 10px;} #regBodyContent #productPhotosBodyNew{ margin-bottom:0px; height:300px;} #regBodyContent #productPhotosBodyNew .MainPhoto {float:left; width: 360px; height:280px; text-align:center; border: solid 1px #CABA86; line-height:280px; font-size:280px; vertical-align: middle} #regBodyContent #productPhotosBodyNew .ThumbnailBody {float: right; width: 420px; height:274px} #regBodyContent #productPhotosBodyNew .ThumbnailCaption {font-weight:normal; color: #CABA86; padding: 5px 0px 5px 0px;} #regBodyContent #productPhotosBodyNew .ThumbnailArea {overflow:auto; height:250px} #regBodyContent #productPhotosBodyNew .ThumbnailArea .ThumbnailPhoto { border: 1px solid #CABA86; height:115px; width:115px; text-align: center; margin:0px 12px 12px 0px; padding: 0px 0px 0px 0px; line-height:115px; font-size:115px; vertical-align: middle} #regBodyContent #productSectionNew {clear: both; margin-bottom: 20px; border: 1px solid #CABA86; padding: 1px 1px 1px 1px} #regBodyContent #productSectionNew .Header { background-image: url(images/template/nameplate_bg_grn.gif); height:33px} #regBodyContent #productSectionNew .Header .Info {float:left} #regBodyContent #productSectionNew .Header .TabMenuBar {float: right; padding: 0px 0px 0px 0px; margin: 8px 0px 0px 0px; height: 25px;} #regBodyContent #productSectionNew .Header .TabMenuBar ul { display:inline;} #regBodyContent #productSectionNew .Header .TabMenuBar li { display: inline; margin: 0px 6px 0px 0px;} #regBodyContent #productSectionNew .Header .TabMenuBar .Active .Specifications { background-image: url(Images/template/tab_specs_wht.gif); width: 128px; height: 25px; display: inline-block} #regBodyContent #productSectionNew .Header .TabMenuBar .NonActive .Specifications { background-image: url(Images/template/tab_specs_ora.gif); width: 128px; height: 25px;display: inline-block} #regBodyContent #productSectionNew .Header .TabMenuBar .Active .Video { background-image: url(Images/template/tab_video_wht.gif); width: 61px; height: 25px;display: inline-block} #regBodyContent #productSectionNew .Header .TabMenuBar .NonActive .Video{ background-image: url(Images/template/tab_video_ora.gif); width: 61px; height: 25px;display: inline-block} #regBodyContent #productSectionNew .Header .TabMenuBar .Active .Features{ background-image: url(Images/template/tab_features_wht.gif); width: 81px; height: 25px; display: inline-block} #regBodyContent #productSectionNew .Header .TabMenuBar .NonActive .Features{ background-image: url(Images/template/tab_features_ora.gif); width: 81px; height: 25px; display: inline-block} #regBodyContent #productSectionNew .Header .TabMenuBar .Active .Description{ background-image: url(Images/template/tab_description_wht.gif); width: 108px; height: 25px; display: inline-block} #regBodyContent #productSectionNew .Header .TabMenuBar .NonActive .Description{ background-image: url(Images/template/tab_description_ora.gif); width: 108px; height: 25px; display: inline-block} #regBodyContent #productSectionNew .Header .TabMenuBar .Active .PDF{ background-image: url(Images/template/tab_pdf_wht.gif); width: 46px; height: 25px; display: inline-block} #regBodyContent #productSectionNew .Header .TabMenuBar .NonActive .PDF{ background-image: url(Images/template/tab_pdf_ora.gif); width: 46px; height: 25px; display: inline-block} #regBodyContent #productSectionNew .ProductContent {overflow:auto; height: 280px;padding-bottom:6px} #regBodyContent #productSectionNew .ProductContentLarger {} #regBodyContent #divSpecifications {padding-right:10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px} #regBodyContent #divSpecifications .ProductSKUsTable {width: 750px; border: none; font-size: 1.1em} #regBodyContent #divSpecifications .ProductSKUsTable .ProductSKUsHeader { background-color: black; color: White; font-weight: bold;} #regBodyContent #divSpecifications .ProductSKUsTable .ProductSKUsItem {border:none} #regBodyContent #divSpecifications .ProductSKUsTable .ProductSKUsItem td { border: none; padding: 0px} #regBodyContent .RedBold {border-bottom: 1px solid #D46900; font-weight: bold; padding: 3px 0px 3px 0px; height: 18px} #regBodyContent .BrownNormal {border-bottom: 1px solid #DACE99; padding: 3px 0px 3px 0px; height: 18px} #regBodyContent .BrownIndentLeft {border-bottom: 1px solid #DACE99; margin-left: 10px; padding: 3px 0px 3px 0px; height: 18px} #regBodyContent .BrownIndentLeft img { padding-left: 5px} #regBodyContent .BrownIndentRight {border-bottom: 1px solid #DACE99; margin-Right: 10px; padding: 3px 0px 3px 0px; height: 18px} #regBodyContent #divVideo {text-align: center; margin-top: 15px; margin-bottom: 15px; font-size: 1.1em} #regBodyContent #divFeatures {margin: 20px 20px 20px 20px; font-size: 1.1em} #regBodyContent #divDescription {margin: 20px 20px 20px 20px; font-size: 1.1em} #regBodyContent #divPDF {margin: 20px 20px 20px 20px; font-size: 1.1em} #regBodyContent #extrasSectionNew {border: 1px solid #CABA86; padding: 1px 1px 1px 1px; clear:both} #regBodyContent #extrasSectionNew .HeaderBrn { background-image: url(images/template/nameplate_bg_brn.gif); height:33px} #regBodyContent #extrasSectionNew .HeaderBrn .Extras {float:left} #regBodyContent #extrasSectionNew .ExtrasContent {padding-right:10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px} #regBodyContent #extrasSectionNew .ExtrasContent .ExtrasSKUsHeaderDetail {color:#0F0E0A; font-weight: bold; border-bottom: 1px solid #90903D; padding-top: 2px; padding-bottom: 3px; height:20px; font-size:1.2em; float:left;width: 510px; margin-top:10px } #regBodyContent #extrasSectionNew .ExtrasContent .ExtrasSKUsHeaderPrice {color:#0F0E0A; font-weight: bold; border-bottom: 1px solid #90903D; padding-top: 2px; padding-bottom: 3px; height:20px; font-size:1.2em; float:left; margin-top:10px; width: 120px; text-align: center } #regBodyContent #extrasSectionNew .ExtrasContent .ExtrasSKUsHeaderAddToBuyer {color:#0F0E0A; font-weight: bold; border-bottom: 1px solid #90903D; padding-top: 2px; padding-bottom: 3px; height:30px; font-size:1.2em; float:left; width: 120px; text-align: center} #regBodyContent #extrasSectionNew .ExtrasContent .ExtrasOrangeSKUsHeader{border-bottom: solid 1px #D46900; width: 750px; font-size: 1.4em; color:#D46900; font-weight:bold; padding-top:10px; padding-bottom: 3px} #regBodyContent #extrasSectionNew .ExtrasContent .ExtrasSKUsTable {width: 750px; border: none; font-size: 1.1em} #regBodyContent #extrasSectionNew .ExtrasContent .ExtrasSKUsTable .price{font-weight: bold; color: #912211;} #regBodyContent #extrasSectionNew .ExtrasContent .ExtrasSKUsTable .buyNow {color: Red; font-weight: bold; font-size: .8em;} #regBodyContent #extrasSectionNew .ExtrasContent .ExtrasSKUsTable .wasprice{font-weight: bold; color: #000000; text-decoration:line-through;} #regBodyContent #extrasSectionNew .ExtrasContent .ExtrasSKUsTable .buyNow { margin: 3px 3px 3px 3px; height: 20px; font-weight: bold; border: 1px solid #01A2E6; color: #FFFFFF; font-size: .8em; background-color: #01A2E6;} #regBodyContent #extrasSectionNew .ExtrasContent .ExtrasSKUsTable input[type=checkbox] {border:none} #regBodyContent #extrasSectionNew .WishList {margin-top: 30px; margin-bottom: 20px; margin-left: 20px;} #regBodyContent #extrasSectionNew .FAQ {float: left; font-size: 1.3em; font-weight: bold} #regBodyContent #extrasSectionNew .FAQ a {color: #605414; text-decoration: underline;} #regBodyContent #extrasSectionNew .AddToWishList{float: right; margin-right: 20px} /*[rr jun 15 2011] new styles added for news items*/ #regBodyContent .NewsListWrapper { border-bottom: solid 1px #c4ba86; width:740px; padding-bottom: 10px; padding-top: 10px} #regBodyContent .NewsListWrapper .NewsArticleTitle { color: #bf3c05; font-size: 1.2em; } #regBodyContent .NewsListWrapper .NewsArticleTitle a{color: #bf3c05; text-decoration: none} #regBodyContent .NewsListWrapper .NewsDateFiled{} #regBodyContent .NewsListWrapper .NewsContent { padding-top: 5px; padding-bottom: 5px} #regBodyContent .NewsListWrapper .NewsMoreDetailsLink a{ color: #bf3c05; font-weight: bold; text-decoration: underline; float:right} /* USED FOR THE LIGHTBOX STYLES */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } * html #overlay{ background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/lightbox/overlay.png", sizingMethod="scale"); }