/* set defaults - font and take padding off tables so it doesn't have to be defined for each tag. A better option is to explicitly use padding if you need it. Font sizes all relative to the "body" tag below and by using "em" it means if the user increases the font size on the browser (DDA compliance) then the sizes increase on the site in proportion too. #1A3C6B - page background #335F9A - header #5B7DA8 - left hand column #335F9A - footer */ body { font-family: arial; font-size: .80em; background-color: white; background-repeat: repeat-x; line-height: 1.3em} body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th{ margin:0; padding:0; } /* 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 { width: 923px; } #FooterDiv {text-align: center; width: 100%; margin: 0 auto; z-index: 1001; position: relative; background-image: url( images/template/footer_soil_r.gif); background-repeat: repeat-x; background-position: left bottom; } a img {border: 0px} #wrapper2 { background-image: url( images/template/footer_04.jpg);text-align: center; height: 220px; vertical-align: bottom;background-position: center; background-repeat: no-repeat;} .listPoultry { background-color: #a95204; color: #FFFFFF;} .listLayers { background-color: #DE9A25; color: #000000;} .listGoats { background-color: #835609; color: #000000;} .listPigs { background-color: #AE3225; color: #000000;} .listSheep { background-color: #439635; color: #000000;} .listCattle { background-color: #454591; color: #FFFFFF;} #tblMain { padding: 0px; margin: 0px; width: 100%;} #tdSignpost { left: 5px; text-align: left; vertical-align: top; top: -5px; position: relative;} #tdCopyright { vertical-align: bottom;} #regFooter{ padding: 0px; margin: 0px; width: 923px} #regFooter #divDesignedBy { text-align: center; margin-bottom: 30px; color: #999999; margin-left: 190px} #regFooter #divDesignedBy a { color: #999999} #regFooter #divContact { margin-right: 170px} #tblContact {margin: 0 auto;} #tblContact #tdLeft { width: 135px; } #tblContact #tdRight { width: 135px; } #tblContact #tdLeft input { width: 10px;} #regBodyContent #ReturnToProducts { position: relative; right: 0px; text-align: right; top:-5px; margin-bottom: 10px} #regBodyContent #ReturnToProducts a { text-decoration: none; color: #000000; font-weight: normal;} #regBodyContent #ReturnToProducts a:hover { text-decoration: underline; color: #993300;} #regBodyContent #divNews a { font-weight: bold; text-decoration: none; color: #000000; font-size: 1.1em; line-height: 25px;} #regBodyContent #divNews a:hover { text-decoration: underline; color: #2A6097} #regBodyContent #divNews hr { height: 1px; color: #cccccc; margin-top: 10px; margin-bottom: 10px} #regBodyContent .AlignRight { position: absolute; text-align: right;} #regBodyContent #tdMain { width: 442px; vertical-align: top;} #regBodyContent #tdRightHandColumn {padding-left: 30px; width: 195px; vertical-align: top;} #regBodyContent #tdRightHandColumn #tblSearch { margin-bottom:15px;} #regBodyContent #tdRightHandColumn #divRHS { margin-top:25px;} #regBodyContent input { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: #666666; font-family: Arial; font-size: 11px; padding: 2px} #regBodyContent select { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: #666666; font-family: Arial; font-size: 10px; padding: 2px} #regBodyContent textarea { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: #666666; font-family: Arial; font-size: 10px; padding: 2px} #regBodyContent .Compulsary { color: Red;} #regBodyContent .txtHightLight { border: 1px solid #CC0033; background-color: #F6FD8C; color: #000000;} #regBodyContent #tdRightHandColumn #tblSearch .txSearch { color: #666666;} #regBodyContent #Terms { font-size: 9px; } #regBodyContent #tblFindAStockist { border: 1px solid #996633; width: 100%; margin-top: 15px;} #regBodyContent #tblProductsPoultry table { border: 1px solid #993300;} #regBodyContent #tblProductsPoultry a{ text-decoration: none; color:#993300; font-weight: bold; } #regBodyContent #tblProductsPoultry a:hover{ text-decoration: underline; color:#000000; font-weight: bold; } #regBodyContent #tblProductsPoultry { color: #333333;} #regBodyContent #tblProductsLayers table { border: 1px solid #FFCC33;} #regBodyContent #tblProductsLayers a{ text-decoration: none; color:#FFCC33; font-weight: bold; } #regBodyContent #tblProductsLayers a:hover{ text-decoration: underline; color:#000000; font-weight: bold; } #regBodyContent #tblProductsLayers { color: #333333;} #regBodyContent #tblProductsGoats table { border: 1px solid #CC9933;} #regBodyContent #tblProductsGoats a{ text-decoration: none; color:#CC9933; font-weight: bold; } #regBodyContent #tblProductsGoats a:hover{ text-decoration: underline; color:#000000; font-weight: bold; } #regBodyContent #tblProductsGoats { color: #333333;} #regBodyContent #tblProductsSheep table { border: 1px solid #669966;} #regBodyContent #tblProductsSheep a{ text-decoration: none; color:#669966; font-weight: bold; } #regBodyContent #tblProductsSheep a:hover{ text-decoration: underline; color:#000000; font-weight: bold; } #regBodyContent #tblProductsSheep { color: #333333;} #regBodyContent #tblProductsPigs table { border: 1px solid #CC6666;} #regBodyContent #tblProductsPigs a{ text-decoration: none; color:#CC6666; font-weight: bold; } #regBodyContent #tblProductsPigs a:hover{ text-decoration: underline; color:#000000; font-weight: bold; } #regBodyContent #tblProductsPigs { color: #333333;} #regBodyContent #tblProductsCattle table { border: 1px solid #666699;} #regBodyContent #tblProductsCattle a{ text-decoration: none; color:#666699; font-weight: bold; } #regBodyContent #tblProductsCattle a:hover{ text-decoration: underline; color:#000000; font-weight: bold; } #regBodyContent #tblProductsCattle { color: #333333;} #regBodyContent #tblProductsExBatts table { border: 1px solid #0099CC;} #regBodyContent #tblProductsExBatts a{ text-decoration: none; color:#0099CC; font-weight: bold; } #regBodyContent #tblProductsExBatts a:hover{ text-decoration: underline; color:#000000; font-weight: bold; } #regBodyContent #tblProductsExBatts { color: #333333;} #regBodyContent #tblProducts table { border: 1px solid #993300;} #regBodyContent #tblProducts a{ text-decoration: none; color:#993300; font-weight: bold; } #regBodyContent #tblProducts a:hover{ text-decoration: underline; color:#000000; font-weight: bold; } #regBodyContent #tblProducts { color: #333333;} #regBodyContent #tblContact td { padding-bottom: 10px; margin-bottom: 10px;} #tblContact #RadioButtons input { border: 0px solid #FFFFFF;} #regBodyContent #tblContact .SlightlyPadded { padding-bottom: 4px;} /* Region: TOP MENU */ #regTopMenuBar { width: 100%; background-color:white; color: #cccccc;padding: 3px 3px 3px 3px;} #regTopMenuBar .MenuLinks { background-color:#265277; padding-top: 4px; padding-bottom: 4px; padding-left: 5px; } #regTopMenuBar .MenuLinks ul { display: inline} #regTopMenuBar .MenuLinks ul li { display: inline; padding: 0px 5px 0px 5px; font-size: .9em} #regTopMenuBar .MenuLinks a {color: white; font-weight: bold; text-decoration: none;} #regTopMenuBar .MenuLinks a:hover {color:yellow; text-decoration: none;} /* Region: FOOTER */ #regFooter {color: #FFFFFF; font-size: .8em;z-index: 1000; width: 963px;padding: 0px; margin: 0px; height: 220px; text-align: center;margin: 0 auto; } #regFooter td { padding: 4px 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: #FFFFFF; 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: 922px; } #tdSpade { background-image: url(images/template/footer_02.jpg); background-repeat: no-repeat; background-position: right bottom; margin: 0px 15px 0px 0px; width: 63px;} /* Region: Left hand menu/column */ * html a:hover { visibility:visible } #regLeftMenu {vertical-align:top; width: 141px; background-color: white; background-image: url(images/template/page_shadow_left.gif); background-repeat: repeat-y; background-position:right; } #regLeftMenu .btnBuyOnline { position: relative; background: url(images/template/btn_over_buyonline.gif) no-repeat; white-space: nowrap; display: block; width: 141px; height: 63px; margin: 0; padding: 0; } #regLeftMenu .btnBuyOnline a { width: 141px; height: 63px; display: block; float: left; } #regLeftMenu .btnBuyOnline img { width: 141px; height: 63px; border: 0 } #regLeftMenu .btnBuyOnline a:hover img { visibility:hidden } #regLeftMenu .btnBuyOnline span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnHome { width: 141px; height: 29px; background: url(images/template/btn_over_home.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnHome a { width: 141px; height: 29px; display: block; float: left; } #regLeftMenu .btnHome img { width: 141px; height: 29px; border: 0 } #regLeftMenu .btnHome a:hover img { visibility:hidden } #regLeftMenu .btnHome span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnAboutUs { width: 141px; height: 29px; background: url(images/template/btn_over_aboutus.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnAboutUs a { width: 141px; height: 29px; display: block; float: left; } #regLeftMenu .btnAboutUs img { width: 141px; height: 29px; border: 0 } #regLeftMenu .btnAboutUs a:hover img { visibility:hidden } #regLeftMenu .btnAboutUs span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnNews { width: 141px; height: 30px; background: url(images/template/btn_over_news.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnNews a { width: 141px; height: 30px; display: block; float: left; } #regLeftMenu .btnNews img { width: 141px; height: 30px; border: 0 } #regLeftMenu .btnNews a:hover img { visibility:hidden } #regLeftMenu .btnNews span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnProducts { width: 141px; height: 30px; background: url(images/template/btn_over_products.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnProducts a { width: 141px; height: 30px; display: block; float: left; } #regLeftMenu .btnProducts img { width: 141px; height: 30px; border: 0 } #regLeftMenu .btnProducts a:hover img { visibility:hidden } #regLeftMenu .btnProducts span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnHealthCare { width: 141px; height: 47px; background: url(images/template/btn_over_healthcare.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnHealthCare a { width: 141px; height: 47px; display: block; float: left; } #regLeftMenu .btnHealthCare img { width: 141px; height: 47px; border: 0 } #regLeftMenu .btnHealthCare a:hover img { visibility:hidden } #regLeftMenu .btnHealthCare span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnNonGM { width: 141px; height: 30px; background: url(images/template/btn_over_nonGM.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnNonGM a { width: 141px; height: 30px; display: block; float: left; } #regLeftMenu .btnNonGM img { width: 141px; height: 30px; border: 0 } #regLeftMenu .btnNonGM a:hover img { visibility:hidden } #regLeftMenu .btnNonGM span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnNeedAdvice { width: 141px; height: 30px; background: url(images/template/btn_over_needadvice.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnNeedAdvice a { width: 141px; height: 30px; display: block; float: left; } #regLeftMenu .btnNeedAdvice img { width: 141px; height: 30px; border: 0 } #regLeftMenu .btnNeedAdvice a:hover img { visibility:hidden } #regLeftMenu .btnNeedAdvice span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnFindAStockist { width: 141px; height: 30px; background: url(images/template/btn_over_findstockist.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnFindAStockist a { width: 141px; height: 30px; display: block; float: left; } #regLeftMenu .btnFindAStockist img { width: 141px; height: 30px; border: 0 } #regLeftMenu .btnFindAStockist a:hover img { visibility:hidden } #regLeftMenu .btnFindAStockist span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnCompetition { width: 141px; height: 30px; background: url(images/template/btn_over_competition.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnCompetition a { width: 141px; height: 30px; display: block; float: left; } #regLeftMenu .btnCompetition img { width: 141px; height: 30px; border: 0 } #regLeftMenu .btnCompetition a:hover img { visibility:hidden } #regLeftMenu .btnCompetition span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnLinks { width: 141px; height: 30px; background: url(images/template/btn_over_links.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnLinks a { width: 141px; height: 30px; display: block; float: left; } #regLeftMenu .btnLinks img { width: 141px; height: 30px; border: 0 } #regLeftMenu .btnLinks a:hover img { visibility:hidden } #regLeftMenu .btnLinks span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnContactUs { width: 141px; height: 29px; background: url(images/template/btn_over_contact.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnContactUs a { width: 141px; height: 29px; display: block; float: left; } #regLeftMenu .btnContactUs img { width: 141px; height: 29px; border: 0 } #regLeftMenu .btnContactUs a:hover img { visibility:hidden } #regLeftMenu .btnContactUs span { position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu .btnTheSmallHoldersClub { width: 141px; height: 64px; background: url(images/template/btn_over_SMclub.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu .btnTheSmallHoldersClub a { width: 141px; height: 64px; display: block; float: left; } #regLeftMenu .btnTheSmallHoldersClub img { width: 141px; height: 64px; border: 0 } #regLeftMenu .btnTheSmallHoldersClub a:hover img { visibility:hidden } #regLeftMenu .btnTheSmallHoldersClub span {width: 141px; height: 64px; border: 0; position: relative; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } #regLeftMenu #ShowSmallHolder .btnTheSmallHoldersClub { width: 141px; height: 64px; background: url(images/template/btn_over_SMclub.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowSmallHolder .btnTheSmallHoldersClub img { visibility:hidden } #regLeftMenu #ShowContactUs .btnContactUs { width: 141px; height: 29px; background: url(images/template/btn_over_contact.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowContactUs .btnContactUs img { visibility:hidden } #regLeftMenu #ShowLinks .btnLinks { width: 141px; height: 30px; background: url(images/template/btn_over_links.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowLinks .btnLinks img { visibility:hidden } #regLeftMenu #ShowCompetition .btnCompetition { width: 141px; height: 30px; background: url(images/template/btn_over_competition.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowCompetition .btnCompetition img { visibility:hidden } #regLeftMenu #ShowStockist .btnFindAStockist { width: 141px; height: 30px; background: url(images/template/btn_over_findstockist.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowStockist .btnFindAStockist img { visibility:hidden } #regLeftMenu #ShowAdvice .btnNeedAdvice { width: 141px; height: 30px; background: url(images/template/btn_over_needadvice.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowAdvice .btnNeedAdvice img { visibility:hidden } #regLeftMenu #ShowNonGM .btnNonGM { width: 141px; height: 30px; background: url(images/template/btn_over_nonGM.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowNonGM .btnNonGM img { visibility:hidden } #regLeftMenu #ShowHealthcare .btnHealthCare { width: 141px; height: 47px; background: url(images/template/btn_over_healthcare.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowHealthcare .btnHealthCare img { visibility:hidden } #regLeftMenu #ShowProducts .btnProducts { width: 141px; height: 30px; background: url(images/template/btn_over_products.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowProducts .btnProducts img { visibility:hidden } #regLeftMenu #ShowNews .btnNews { width: 141px; height: 30px; background: url(images/template/btn_over_news.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowNews .btnNews img { visibility:hidden } #regLeftMenu #ShowAboutUs .btnAboutUs { width: 141px; height: 29px; background: url(images/template/btn_over_aboutus.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowAboutUs .btnAboutUs img { visibility:hidden } #regLeftMenu #ShowHome .btnHome { width: 141px; height: 29px; background: url(images/template/btn_over_home.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #regLeftMenu #ShowHome .btnHome img { visibility:hidden } #regLeftMenu #RoyalWarrant { text-align: center; margin-top: 8px; margin-left: 15px;} #regLeftMenu #RoyalWarrant img { border: 0px;} #regLeftMenu #QualityEnvironmental { text-align: center; margin-top: 8px; margin-left: 15px; line-height: 1em;} #regLeftMenu #QualityEnvironmental a { color: #996633; text-decoration: none; font-size: 0.7em; line-height: inherit;} #regLeftMenu #QualityEnvironmental a:hover { text-decoration: underline;} /* set the 750px width below to be the width (920 - left hand menu width).. */ #regBodyContent #divMainContent { text-align: left; margin-left: 20px; margin-right: 20px;margin-top: 10px;} #regBodyContent #bgGrass { background-image: url(images/template/topheader_grass.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; height: 41px; width: 719px; } #regBodyContent { z-index: 1000; vertical-align:top; width: 719px; font-size: .85em; background-image: url(images/template/page_bg.png); background-repeat: repeat-y; background-position: left;} #regBodyContent h1 { font-family: Georgia; margin-top: 0px; margin-bottom: 20px; font-size: 2.8em; line-height:1.2em; font-weight: normal; color: #2A6097} #regBodyContent h2 { font-family: Georgia;margin-top: 8px; margin-bottom: 3px; font-size: 2.4em; font-weight: normal; color: #2A6097;} #regBodyContent h3 { font-family: Georgia;margin-top: 8px; margin-bottom: 3px; font-size: 2.0em; font-weight: normal; color: #2A6097;} #regBodyContent h4 { font-family: Georgia;margin-top: 8px; margin-bottom: 3px; font-size: 1.8em; font-weight: normal; color: #2A6097;} #regBodyContent a {text-decoration: underline; font-weight: bold; color: #2A6097; } #regBodyContent a:hover {text-decoration: underline; font-weight: bold; color: #CC0033; } #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} /* put table cells for the main body content to have a 1px padding by default */ #regBodyContent #divNews .paging {border-bottom: 1px solid #996633; border-top: 1px solid #996633; margin-bottom: 10px; margin-top: 10px} #regBodyContent #divNews .paging a {text-decoration: none; color: #2A6097} #regBodyContent #divNews .paging table {width:100%} #regBodyContent #divNews .paging .currentPageLabel {width: 180px; color: black;} #regBodyContent #divNews .paging .previousPage {width: 100px; text-align: left; } #regBodyContent #divNews .paging .previousPage a { color: #2A6097;} #regBodyContent #divNews .paging .pageNumbers {text-align: center;width: 180px;} #regBodyContent #divNews .paging .pageNumbers a.unselectedPage {color: #996633} #regBodyContent #divNews .paging .pageNumbers a.selectedPage {color: #2A6097} #regBodyContent #divNews .paging .nextPage {width: 80px; text-align: right; } #regBodyContent #divNews .paging .nextPage a { color: #2A6097; } #regBodyContent #NewsArchiveHeader { height:25px; width: 194px; background-image: url(images/template/p_head_red_news.png); background-repeat: no-repeat} #regBodyContent #NewsArchiveItems { width: 194px; background-image: url(images/template/p_bg_red.png); background-repeat: repeat-y; padding: 5px 5px 5px 7px;} #regBodyContent #NewsArchiveItems .NewsArchiveItem { padding-bottom: 5px; margin-right: 20px} #regBodyContent #NewsArchiveItems .NewsArchiveItem a { text-decoration: none; color: #000000} #regBodyContent #NewsArchiveItems .NewsArchiveItem a:hover {text-decoration: underline;color: #990000} #regBodyContent #NewsArchiveItems #NewsArchiveMore { padding-top: 5px; text-align: right; margin-right: 20px} #regBodyContent #NewsArchiveItems #NewsArchiveMore a { text-decoration: none; color: #990000} #regBodyContent #NewsArchiveItems #NewsArchiveMore a:hover {text-decoration: underline;color: #000000} #regBodyContent #NewsArchiveItems .NewsArchiveDescription { padding-top: 2px; color: #333333;} #regBodyContent .NewsShortDescription { padding-bottom:10px; color: #333333;} #regBodyContent #NewsArchiveFooter { height:7px; width: 194px; background-image: url(images/template/p_foot_red.png); background-repeat: no-repeat} /* Button styles */ #regBodyContent .button {font-weight: bold; color: #111111;} #regBodyContent .CancelButton {font-weight: normal; color: Red;} /* datagrid styles */ #regBodyContent .datagrid { border: 1px solid #996633; border-collapse: separate;} #regBodyContent .datagrid .datagridHeader {background-color: #996633; font-weight: bold; margin-bottom: 10px; color: #FFFFFF} #regBodyContent .datagrid .datagridHeader td { padding: 2px 4px 2px 4px; margin: 1px} #regBodyContent .datagrid .datagridItem {background-color: #efefef; border-bottom: 1px solid #2A6097; vertical-align: top;} #regBodyContent .datagrid .datagridItem td { padding: 2px 4px 2px 4px;} #regBodyContent .datagrid .datagridAlternatingItem {background-color: #ffffff; border-bottom: 1px solid #996633} #regBodyContent .datagrid .datagridAlternatingItem td { padding: 2px 4px 2px 4px;} /* Blog related styles... */ #regBodyContent .BlogEntries p {padding-top: 0px; margin-top: 0px} #regBodyContent .BlogEntries .blogPostTitle {padding-top: 5px;} #regBodyContent .BlogEntries .blogPostTitle a {font-size: 1.2em; font-weight: bold;} #regBodyContent .BlogEntries .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .BlogEntries .blogContent { padding-bottom: 10px;} #regBodyContent .BlogEntries .blogFooter {padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary {float: left; width: 300px; display: inline; color: gray; padding-top: 5px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;} #regBodyContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; } #regBodyContent .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;} #regBodyContent .BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .BlogDetail .blogContent { padding-bottom: 5px;} #regBodyContent .BlogDetail .blogCategories { padding-top: 7px; color: #444444; margin-left: 20px; padding-bottom: 3px;} #regBodyContent .BlogDetail .blogFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #regBodyContent .BlogDetail .blogNoEntry {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .SocialNetworking {padding-top: 0px; text-align: right} #regBodyContent .BlogDetail .OtherRecentPosts {padding-top: 0px; padding-bottom: 5px;} #regBodyContent .BlogDetail .OtherRecentPosts .ListPosts {margin-left: 20px; padding-bottom: 3px;} #regMainContent .BlogDetail .Comments {padding-top: 0px;} #regMainContent .BlogDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;} #regMainContent .BlogDetail .Comments .ListComments {margin-left: 0px; padding-bottom: 5px;} #regMainContent .BlogDetail .Comments .ListComments .SpecificPost {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #FFFED0;} #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .CommentBy {font-size: .9em; color: black; padding-bottom: 5px; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .Comment {font-size: .9em; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply {background-color: #F5FABD; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyComment { } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyDatestamp { } #regBodyContent .BlogDetail .Comments .leaveComment input {margin-left: 0px;} #regBodyContent .BlogDetail .Comments .leaveComment .heading {color: #333333; font-weight: bold; padding-top: 4px; } /* not within a region because you may want to put in in various places on the site */ .blogCategoriesBox {padding: 0px 0px 10px 0px;} .blogCategoriesBox .blogCategoryItem {font-size: .85em; margin: 0px 0px 1px 0px; padding: 4px 0px 4px 3px; border-bottom: 1px solid #8485DF; } .blogCategoriesBox .blogCategoryItem A { color:#444444; font-weight: normal; text-decoration: none;} .blogCategoriesBox .blogCategoryItem A:hover {text-decoration: underline;} .blogArchiveBox {padding: 0px 0px 10px 0px;} .blogArchiveBox .blogArchiveItem {font-size: .85em; margin: 0px 0px 1px 0px; padding: 4px 0px 4px 3px; border-bottom: 1px solid #8485DF; } .blogArchiveBox .blogArchiveItem A { color:#444444; font-weight: normal; text-decoration: none;} .blogArchiveBox .blogArchiveItem A:hover {text-decoration: underline;} /*Password Tool CSS */ #password_description {font-size: 10px; font-style: italic; } #password_strength { height:10px; display:block; } #password_strength_border { width: 160px; height: 10px; border: 1px solid black; } .strength0 { width:160px; background:#cccccc; } .strength1 { width:40px; background:#ff0000; } .strength2 { width:80px; background:#56e500; } .strength3 { background:#399800; width:120px; } .strength4 { background:#4dcd00; width:160px; } /* Products image zoom... */ #lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666666; } #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: #333333;background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/lightbox/overlay.png", sizingMethod="scale");}