/* set defaults - font and take padding off tables so it doesn't have to be defined for each tag. A better option is to explicitly use padding if you need it. Font sizes all relative to the "body" tag below and by using "em" it means if the user increases the font size on the browser (DDA compliance) then the sizes increase on the site in proportion too. #1A3C6B - page background #335F9A - header #5B7DA8 - left hand column #335F9A - footer */ body { font-family: Verdana; font-size: .80em; background-color: white; line-height: 1.4} body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td { margin:0; padding:0; } table {border-collapse: collapse;} /* this sets the overall width of the template so that we don't have to define it all the way through - plus it centres it */ #page {margin: 0 auto; width:975px; border: 1px solid #77A37A; margin-top: 5px; } /* Region: TOP MENU */ #regTopMenuBar { width: 100%; padding: 3px 3px 3px 3px;} #regTopMenuBar #MenuLinks { padding-top: 6px; padding-bottom: 6px; background-image: url(images/template/topnav_bg.gif); background-repeat: repeat-y;} #regTopMenuBar #MenuLinks .MenuItem { padding: 0px 9px 0px 9px; display: inline; font-size: .85em} #regTopMenuBar #MenuLinks .MenuItem a {color: #FFFFFF; font-weight: bold; text-decoration: none;} #regTopMenuBar #MenuLinks .MenuItem a:hover { text-decoration: underline;} #regTopMenuBar #CartItems a { text-decoration: none; color: #000000; font-size: 0.9em;} #regTopMenuBar #CartItems .Items { text-decoration: none; font-weight: bold; color: #005030; font-size: 1em;} #regTopMenuBar #CartItems .Items:Hover { text-decoration: none; } #regTopMenuBar #CartItems a:Hover { text-decoration: none;} /* Region: FOOTER */ #regFooter {width: 100%; font-size: 9.8px; padding-bottom: 0px; height: 36px; background-image: url(images/template/footer_bg.gif); background-repeat: repeat-x; } #regFooter td {color: #FFFFFF;} #regFooter A {color: #FFFFFF; font-weight: normal; text-decoration: none;} #regFooter A:hover {text-decoration: underline;} #regFooter .ContactDetails { padding-top: 8px; padding-left: 10px;} #regFooter2 { width:955px; font-size: .7em; margin-bottom: 5px; margin-top: 5px;} #regFooter2 A { color: #000000; text-decoration: none;} #regFooter2 A:hover { text-decoration: underline;} /* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */ #regMainContent {width: 100%;} #regLeftMenu {font-size: 1em; vertical-align:top; color: #44749D; width: 160px; background-color: white; padding: 0px 2px 5px 2px;} #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 0px 0px; width: 169px;} #regLeftMenu .ProductMenuLink { padding-left: 15px; padding-right: 10px;} #regLeftMenu .ProductMenuLink a { font-size: 10px;} #regLeftMenu .ProductMenuLink a:Hover { text-decoration: underline;;color: #005030;} #regLeftMenu .rssIcons {font-size: .8em; margin: 10px 5px 10px 15px; } #regLeftMenu .bookmarkSite{font-size: .8em; margin: 10px 0px 10px 0px; text-align:center; } #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; } #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; margin: 0px 0px 0px 0px; padding-top: -2px; padding-left:2px; padding-right:2px; width: 100%; padding-bottom: 5px; font-size: .85em; background-image: url(images/template/footer_curve.png); background-position:right bottom; background-repeat: no-repeat;} #regBodyContent h1 {margin-top: 2px; margin-bottom: 0px; font-size: 1.5em; font-weight: bold; color: #005030} #regBodyContent #Normal { margin-top: 2px;font-size: 1.1em; margin-bottom: 10px; font-weight: normal; color: #000000; background-image: url(images/template/page_header_bg_other.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Normal h1 {margin-top: 3px; margin-bottom: 4px; color: #000000; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aNormal .Price {color: #105331; font-weight: bold; font-size: 1.1em; } #regBodyContent #aNormal .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_grn.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aNormal .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aNormal a:Hover { text-decoration: underline} #regBodyContent #Green { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_grn.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Green h1 {margin-top: 3px; margin-bottom: 4px; color: #FFFFFF; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aGreen a {color: #105331;} #regBodyContent #aGreen .Price {color: #105331; font-weight: bold; font-size: 1.1em; } #regBodyContent #aGreen .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_grn.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aGreen .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aGreen a:Hover { text-decoration: underline} #regBodyContent #Turq { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_turq.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Turq h1 {margin-top: 3px; margin-bottom: 4px; color: #FFFFFF; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aTurq a {color: #339EA9;} #regBodyContent #aTurq .Price {color: #339EA9; font-weight: bold; font-size: 1.1em; } #regBodyContent #aTurq .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_turq.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aTurq .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aTurq a:Hover { text-decoration: underline} #regBodyContent #Purp { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_purp.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Purp h1 {margin-top: 3px; margin-bottom: 4px; color: #FFFFFF; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aPurp a {color: #231F69;} #regBodyContent #aPurp .Price {color: #231F69; font-weight: bold; font-size: 1.1em; } #regBodyContent #aPurp .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_purp.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aPurp .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aPurp a:Hover { text-decoration: underline} #regBodyContent #Yel { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #000000; background-image: url(images/template/page_header_bg_yel.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Yel h1 {margin-top: 3px; margin-bottom: 4px; color: #000000; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aYel a {color: #D5B401;} #regBodyContent #aYel .Price {color: #D5B401; font-weight: bold; font-size: 1.1em;} #regBodyContent #aYel .ListProductName {font-size: 1em; font-weight: normal; color: #000000; background-image: url(images/template/page_header_bg_yel.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aYel .ListProductName a { color: #000000; text-decoration: none;} #regBodyContent #aYel a:Hover { text-decoration: underline} #regBodyContent #Blue { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_blue.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Blue h1 {margin-top: 3px; margin-bottom: 4px; color: #FFFFFF; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aBlue a {color: #3168A3;} #regBodyContent #aBlue .Price {color: #3168A3; font-weight: bold; font-size: 1.1em; } #regBodyContent #aBlue .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_blue.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aBlue .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aBlue a:Hover { text-decoration: underline} #regBodyContent #Lime { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_lime.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Lime h1 {margin-top: 3px; margin-bottom: 4px; color: #FFFFFF; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aLime a {color: #598B26;} #regBodyContent #aLime .Price {color: #598B26; font-weight: bold; font-size: 1.1em; } #regBodyContent #aLime .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_lime.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aLime .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aLime a:Hover { text-decoration: underline} #regBodyContent #Red { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_red.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Red h1 {margin-top: 3px; margin-bottom: 4px; color: #FFFFFF; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aRed a {color: #A50130;} #regBodyContent #aRed .Price {color: #A50130; font-weight: bold; font-size: 1.1em; } #regBodyContent #aRed .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_red.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aRed .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aRed a:Hover { text-decoration: underline} #regBodyContent #Orange { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_ora.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Orange h1 {margin-top: 3px; margin-bottom: 4px; color: #FFFFFF; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aOrange a {color: #CD7721;} #regBodyContent #aOrange .Price {color: #CD7721; font-weight: bold; font-size: 1.1em; } #regBodyContent #aOrange .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_ora.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aOrange .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aOrange a:Hover { text-decoration: underline} #regBodyContent #Pink { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_pink.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Pink h1 {margin-top: 3px; margin-bottom: 4px; color: #FFFFFF; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aPink a {color: #CD7721;} #regBodyContent #aPink .Price {color: #CD7721; font-weight: bold; font-size: 1.1em; } #regBodyContent #aPink .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_pink.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aPink .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aPink a:Hover { text-decoration: underline} /*added [rr 19 Sept 2011]*/ #regBodyContent #Brown { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_brn.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Brown h1 {margin-top: 3px; margin-bottom: 4px; color: #FFFFFF; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aBrown a {color: #69341f;} #regBodyContent #aBrown .Price {color: #69341f; font-weight: bold; font-size: 1.1em; } #regBodyContent #aBrown .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_brn.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aBrown .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aBrown a:Hover { text-decoration: underline} #regBodyContent #Grey { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_grey.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Grey h1 {margin-top: 3px; margin-bottom: 4px; color: #FFFFFF; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aGrey a {color: #757575;} #regBodyContent #aGrey .Price {color: #757575; font-weight: bold; font-size: 1.1em; } #regBodyContent #aGrey .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_grey.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aGrey .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aGrey a:Hover { text-decoration: underline} /*end*/ #regBodyContent #Burg { margin-top: 2px;font-size: 1.1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_burg.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #Burg h1 {margin-top: 3px; margin-bottom: 4px; color: #FFFFFF; font-size: 1.2em; margin-left: 25px; font-weight: bold;} #regBodyContent #aBurg a {color: #64011D;} #regBodyContent #aBurg .Price {color: #64011D; font-weight: bold; font-size: 1.1em; } #regBodyContent #aBurg .ListProductName {font-size: 1em; font-weight: normal; color: #FFFFFF; background-image: url(images/template/page_header_bg_burg.gif); background-repeat: repeat-y; width: 100%;} #regBodyContent #aBurg .ListProductName a { color: #FFFFFF; text-decoration: none;} #regBodyContent #aBurg a:Hover { text-decoration: underline} #regBodyContent .ListProductPrice { padding-bottom: 4px; font-size: 1.1em; font-weight: bold; text-align: center;} #regBodyContent h2 {margin-top: 15px; margin-bottom: 6px; font-size: 1.4em; font-weight: bold; color: #005030;} #regBodyContent h3 {margin-top: 5px; margin-bottom: 10px; font-size: 1.6em; font-weight: bold; color: #005030;} #regBodyContent bgHomePage {} #regBodyContent select {font-size: 1.1em; padding-left: 2px;} #regBodyContent input {font-size: 1.1em; padding-left: 2px;} #regBodyContent .pnlHomebg { height: 110px; background-image: url(images/template/panelhome_bg.png); background-repeat: repeat-y; padding-left: 10px; padding-right: 30px; padding-top:5px;} #regBodyContentMain { padding-left: 25px; padding-right: 25px; padding-top: 5px; padding-bottom: 5px;} .pnlMainHomePage {margin:0; padding:0;} #regBodyContent a {text-decoration: underline; font-weight: bold; color: #005030; } #regBodyContent a:Hover { color: #77A37A;} #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: #000000; text-decoration: none;} #regBodyContent .breadcrumbtrail A:Hover {text-decoration: underline;} #regBodyContent .highlight {background-color:Yellow} #regBodyContent .bg_TopPanel {background-color: #FFFFFF; height: 10px;} #regBodyContent .bg_BottomPanel { background-image: url(images/template/panelmainshadow_btm.png); background-repeat: repeat-x; height: 13px;} #regBodyContent .bg_LeftPanel { background-color: #FFFFFF; width: 12px} #regBodyContent .bg_RightPanel { background-image: url(images/template/panelmainshadow_right.png); background-repeat: repeat-y; width: 12px} #regBodyContent .HomePanel { height: 170px; background-image: url(images/template/panelhome_bg.png); background-repeat: repeat-y; padding-left: 10px; padding-right: 30px;} /* put table cells for the main body content to have a 1px padding by default */ #regBodyContent table td {padding: 1px 1px 1px 1px} /* code below allows customised bullet points with graphics to be added - also includes fix for IE */ /* Button styles */ #regBodyContent .button {font-weight: bold; background-color: #A0BF93; color: #FFFFFF; text-transform: uppercase; border: 1px solid #A0BF93;} #regBodyContent .CancelButton {font-weight: normal; color: Red;} /* datagrid styles */ #regBodyContent .datagridHeader { background-color: #005030; color: #FFFFFF; font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;} #regBodyContent .datagridHeader td { border-bottom: 3px solid #A1C094;} #regBodyContent .datagridItem {background-color: #efefef; border-bottom: 1px solid #666666} #regBodyContent .datagridAlternatingItem {background-color: #ffffff; border-bottom: 1px solid #666666} /* Payment/checkout/myaccount order history page styles */ .PaymentForm {margin-left: 50px; margin-top:8px; width: 80%;} .PaymentForm .heading {width: 140px} .PaymentForm input, textarea {font-size: 1em;} .PaymentFormHeading {background-color: #005030; color: #FFFFFF; font-weight: bold; height: 18px;border-bottom: 3px solid #A1C094; padding-top: 4px; padding-left: 10px; margin-bottom: 5px; margin-top: 5px;} .PaymentSecureSeal { text-align:center; margin-top: 10px; } /* these styles are used on the view shopping basket page... */ .BasketSummary {margin-left: 30px; width: 640px;} .BasketSummary .CartBorder { border: 1px solid #D0D0D0; text-align: center; width: 80px;} .BasketSummary .BasketSummaryTable {width: 100%; border-collapse: collapse; } .BasketSummary .BasketSummaryTable .BasketSummaryHeader { background-color: #005030; color: #FFFFFF; font-weight: bold; height: 18px;} .BasketSummary .BasketSummaryTable .BasketSummaryHeader td { border-bottom: 3px solid #A1C094;} .BasketSummary .BasketSummaryTable .BasketSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} .BasketSummary .BasketSummaryTable .BasketItemQuantity {width: 20px; text-align:center; font-size: 1em; margin-left: 25px;} .BasketSummary .BasketSubtotal { font-weight: bold; width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} .BasketSummary .BasketDelivery {font-weight: bold; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} .BasketSummary .BasketDelivery select {font-size: 1.05em; margin-left: 5px;} .BasketSummary .BasketDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} .BasketSummary .BasketVATAmount { width: 100%;font-weight: bold; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;} .BasketSummary .BasketGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.4em; margin-bottom: 15px; padding: 3px 0px 3px 0px;} .BasketSummary .BasketButtons {width: 100%} .BasketSummary .BasketButtons .UpdateQuantity {color: Navy; font-weight: bold; font-size: 1em; width:95px} .BasketSummary .BasketButtons .Checkout {color: DarkGreen; font-weight: bold; font-size: 1em; width:83px} .BasketSummary .BasketButtons .CheckoutButton {color: DarkGreen; font-weight: bold; font-size: 1em;} .BasketSummary .ApplyDiscountCode {color: DarkGreen; font-weight: bold; font-size: 1em; width:65px} .BasketSummary .CartRemove { background-color: #FFFFFF;font-weight: bold; color: #000000; border: 0px} .BasketSummary .CartRemove:Hover { text-decoration: none;} /* these styles are used on the final checkout page... */ .PaymentSummary {margin-left: 30px; width: 640px;} .PaymentSummary .PaymentSummaryTable {width: 100%; } .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader { background-color: #005030; color: #FFFFFF; font-weight: bold; height: 18px;} .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader td { border-bottom: 3px solid #A1C094;} .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} .PaymentSummary .PaymentSubtotal { width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} .PaymentSummary .PaymentDelivery { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} .PaymentSummary .PaymentDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} .PaymentSummary .PaymentVATAmount {font-weight: bold; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;} .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;} .ProductPhotos {margin-right: 10px; width:300px; } .ProductPhotos .MainPhoto {text-align:center; height: 300px; } .ProductPhotos .MainPhoto .Zoom {text-align:center; vertical-align: middle; font-size: 0.9em; padding-top: 6px;} .ProductPhotos .ThumbnailCaption {font-weight:normal; text-align:center; color: #777777; padding: 5px 0px 5px 0px;} .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: #005030; color: #FFFFFF; font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;} #regBodyContent .ProductSKUsTable .ProductSKUsHeader td { border-bottom: 3px solid #A1C094;} #regBodyContent .ProductSKUsTable .ProductSKUsItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow {color: Red; font-weight: bold; font-size: .8em;} #regBodyContent #regBodyContentMain .SubCategories2 { width: 175px; height: 190px; border: 1px solid #D0D0D0; text-align: center;} #regBodyContent #regBodyContentMain .SubCategories2 .ThumbNailImage { height: 140px;} #regBodyContent #regBodyContentMain .SubCategories2 .ListProductName { height: 30px;} #regBodyContent #regBodyContentMain .SubCategories {width: 175px} #regBodyContent #regBodyContentMain .SubCategories .ThumbnailPhoto {height: 150px; border: 1px solid #D0D0D0; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center;} #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; } #regBodyContent .BlogEntries p {padding-top: 0px; margin-top: 0px} #regBodyContent .BlogEntries .blogPostTitle {padding-top: 5px;} #regBodyContent .BlogEntries .blogPostTitle a {font-size: 1.2em; font-weight: bold;} #regBodyContent .BlogEntries .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .BlogEntries .blogContent { padding-bottom: 10px;} #regBodyContent .BlogEntries .blogFooter {padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary {float: left; width: 250px; display: inline; color: gray; padding-top: 5px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;} #regBodyContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; } #regBodyContent .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;} #regBodyContent .BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .BlogDetail .blogContent { padding-bottom: 5px;} #regBodyContent .BlogDetail .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; } /*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"); } #scrollingNews { padding-top: 5px; border: 0px solid #000000; height: 20px; font-size: 0.85em; font-family: verdana; color: #005030;} #scrollingNews a { color: #000000; text-decoration: none; font-weight: normal;} #scrollingNews a:Hover { color: #000000; text-decoration: underline; font-weight: normal;}