/* 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;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; } img {border: 0px} /* 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 */ #Outer { margin-bottom:-52px; height: 100%; min-height:100%;} #tblMain { padding: 0px; margin: 0px; width: 100%; height: 100%} #page {margin: 0px auto; width:996px;height: 100%; min-height:100%; height:auto; padding: 0px } #regTopMenuBar { margin: 0px; padding: 0px; height: 187px} #divHeader { float: left; margin: 0px; padding: 0px; height: 187px} #divWarrant { margin: 0px; padding: 0px; top:0px ; right:0px; float: right; height: 98px; width: 130px} #divShop { cursor: pointer; margin: 0px; padding: 0px; top:0px; right:0px; float: right; background: url(images/template/header_buynow_over.jpg) no-repeat; white-space: nowrap; display: block; width: 177px; height: 90px; } #divShop a { width: 177px; height: 90px; display: block; float: left; } #divShop img { width: 177px; height: 90px; border: 0px;margin: 0px; } #divShop a:hover img { visibility:hidden } #contentwrap{ margin-left: 129px; text-align: center; padding: 0px;} #content{border-width: 1px; margin: 0px; padding: 0px; text-align: left; } #spacer{ height: 95% } #FooterWrap {clear:both; margin: 0; z-index: 1001; position: relative; vertical-align: bottom; bottom: 0px; left: 0px; width: 100%;} #divOtherFeeds {margin: 0 auto; width:996px; top: 100px; vertical-align: bottom; padding-top: 100px;} #regFooter{ color: #FFFFFF; font-size: 0.9em; clear: both; border-width: 0px 0 0 0; padding-top: 4px; padding-bottom: 4px;text-align: center; width: 100%; margin: 0 auto; z-index: 1001; background-color: #698828;} #regFooter a{color: #FFFFFF; text-decoration: none; z-index: 1002;} #regFooter a:hover{ text-decoration: underline;} table {border-collapse: collapse;} #tblContact {margin: 0 auto;} #tblContact #tdLeft { width: 135px; } #tblContact #tdRight { width: 135px; } #tblContact #tdLeft input { width: 10px;} #tblContact td { padding-bottom: 10px; margin-bottom: 10px;} #divLeftMenu { width: 173px; float: left; margin-right: 10px} #divLeftMenu .btnHome { width: 173px; height: 39px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnHome a { width: 173px; height: 39px; display: block; float: left; } #divLeftMenu .btnHome img { width: 173px; height: 39px; border: 0 } #divLeftMenu .btnHome a:hover #imgHome { background-image: url(images/template/l_btn_home_over.png); background-repeat: no-repeat; } #divLeftMenu #TabHome #imgHome { background-image: url(images/template/l_btn_home_over.png); background-repeat: no-repeat; } #divLeftMenu .btnWhyOrganic { width: 173px; height: 39px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnWhyOrganic a { width: 173px; height: 39px; display: block; float: left; } #divLeftMenu .btnWhyOrganic img { width: 173px; height: 39px; border: 0 } #divLeftMenu .btnWhyOrganic a:hover #imgWhyOrganic { background-image: url(images/template/l_btn_whyorganic_over.png); background-repeat: no-repeat; } #divLeftMenu #TabWhyOrganic #imgWhyOrganic { background-image: url(images/template/l_btn_whyorganic_over.png); background-repeat: no-repeat; } #divLeftMenu .btnProducts { width: 173px; height: 39px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnProducts a { width: 173px; height: 39px; display: block; float: left; } #divLeftMenu .btnProducts img { width: 173px; height: 39px; border: 0 } #divLeftMenu .btnProducts a:hover #imgProducts { background-image: url(images/template/l_btn_prod_over.png); background-repeat: no-repeat; } #divLeftMenu #TabProducts #imgProducts { background-image: url(images/template/l_btn_prod_over.png); background-repeat: no-repeat; } #divLeftMenu .btnAboutUs { width: 173px; height: 38px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnAboutUs a { width: 173px; height: 38px; display: block; float: left; } #divLeftMenu .btnAboutUs img { width: 173px; height: 38px; border: 0 } #divLeftMenu .btnAboutUs a:hover #imgAboutUs { background-image: url(images/template/l_btn_about_over.png); background-repeat: no-repeat; } #divLeftMenu #TabAboutUs #imgAboutUs { background-image: url(images/template/l_btn_about_over.png); background-repeat: no-repeat; } #divLeftMenu .btnHealthcare { width: 173px; height: 39px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnHealthcare a { width: 173px; height: 39px; display: block; float: left; } #divLeftMenu .btnHealthcare img { width: 173px; height: 39px; border: 0 } #divLeftMenu .btnHealthcare a:hover #imgHealthcare { background-image: url(images/template/l_btn_health_over.png); background-repeat: no-repeat; } #divLeftMenu #TabHealthcare #imgHealthcare { background-image: url(images/template/l_btn_health_over.png); background-repeat: no-repeat; } #divLeftMenu .btnNonGM { width: 173px; height: 39px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnNonGM a { width: 173px; height: 39px; display: block; float: left; } #divLeftMenu .btnNonGM img { width: 173px; height: 39px; border: 0 } #divLeftMenu .btnNonGM a:hover #imgNonGM { background-image: url(images/template/l_btn_nongm_over.png); background-repeat: no-repeat; } #divLeftMenu #TabNonGM #imgNonGM { background-image: url(images/template/l_btn_nongm_over.png); background-repeat: no-repeat; } #divLeftMenu .btnNews { width: 173px; height: 38px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnNews a { width: 173px; height: 38px; display: block; float: left; } #divLeftMenu .btnNews img { width: 173px; height: 38px; border: 0 } #divLeftMenu .btnNews a:hover #imgNews { background-image: url(images/template/l_btn_news_over.png); background-repeat: no-repeat; } #divLeftMenu #TabNews #imgNews { background-image: url(images/template/l_btn_news_over.png); background-repeat: no-repeat; } #divLeftMenu .btnRiverCottage { width: 173px; height: 38px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnRiverCottage a { width: 173px; height: 38px; display: block; float: left; } #divLeftMenu .btnRiverCottage img { width: 173px; height: 38px; border: 0 } #divLeftMenu .btnRiverCottage a:hover #imgRiverCottage { background-image: url(images/template/l_btn_rivercot_over.png); background-repeat: no-repeat; } #divLeftMenu #TabRiverCottage #imgRiverCottage { background-image: url(images/template/l_btn_rivercot_over.png); background-repeat: no-repeat; } #divLeftMenu .btnStockist { width: 173px; height: 38px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnStockist a { width: 173px; height: 38px; display: block; float: left; } #divLeftMenu .btnStockist img { width: 173px; height: 38px; border: 0 } #divLeftMenu .btnStockist a:hover #imgStockist { background-image: url(images/template/l_btn_findstock_over.png); background-repeat: no-repeat; } #divLeftMenu #TabStockist #imgStockist { background-image: url(images/template/l_btn_findstock_over.png); background-repeat: no-repeat; } #divLeftMenu .btnAdvice { width: 173px; height: 39px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnAdvice a { width: 173px; height: 39px; display: block; float: left; } #divLeftMenu .btnAdvice img { width: 173px; height: 39px; border: 0 } #divLeftMenu .btnAdvice a:hover #imgAdvice{ background-image: url(images/template/l_btn_needavdice_over.png); background-repeat: no-repeat; } #divLeftMenu #TabNeedAdvice #imgAdvice{ background-image: url(images/template/l_btn_needavdice_over.png); background-repeat: no-repeat; } #divLeftMenu .btnLinks { width: 173px; height: 39px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnLinks a { width: 173px; height: 39px; display: block; float: left; } #divLeftMenu .btnLinks img { width: 173px; height: 39px; border: 0 } #divLeftMenu .btnLinks a:hover #imgLinks { background-image: url(images/template/l_btn_contact_over.png); background-repeat: no-repeat; } #divLeftMenu #TabLinks #imgLinks { background-image: url(images/template/l_btn_contact_over.png); background-repeat: no-repeat; } #divLeftMenu .btnContact { width: 173px; height: 39px; white-space: nowrap; display: block; margin: 0; padding: 0; position: relative;} #divLeftMenu .btnContact a { width: 173px; height: 39px; display: block; float: left; } #divLeftMenu .btnContact img { width: 173px; height: 39px; border: 0 } #divLeftMenu .btnContact a:hover #imgContact{ background-image: url(images/template/l_btn_contact_over-10.png); background-repeat: no-repeat; } #divLeftMenu #TabContact #imgContact{ background-image: url(images/template/l_btn_contact_over-10.png); background-repeat: no-repeat; } .btnStockists { height: 56px; width: 186px; background-image: url(Images/btn_search_stockists.png); background-repeat: no-repeat;} #tblFindAStockist #PleaseSelect { width: 90px} /* 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 { float: right; vertical-align:top; padding-top:15px; padding-right:75px;padding-bottom: 20px; width: 607px; font-size: 1em; text-align: left; top: 0px;} #regBodyContent h1 { font-family: Georgia; margin-top: 5px; margin-bottom: 8px; font-size: 2.1em; font-weight: normal; color: #CC0000; padding-bottom: 12px;} #regBodyContent h2 { font-family: Georgia; margin-top: 8px; margin-bottom: 3px; font-size: 1.8em; font-weight: bold; color: #CC0000;} #regBodyContent h3 { font-family: Georgia; margin-top: 8px; margin-bottom: 3px; font-size: 1.6em; font-weight: bold; color: #CC0000;} #regBodyContent h4 { font-family: Georgia; margin-top: 8px; margin-bottom: 3px; font-size: 1.5em; font-weight: bold; color: #CC0000;} #regBodyContent #regRiverCottage { padding: 10px 20px 10px 20px; font-family: Georgia; float: left;} #regBodyContent #regRiverCottage h1 { color: #006633; font-size: 1.5em; font-weight: bold; } #regBodyContent #regRiverCottage a{ color: #006633; font-weight: bold;} #regBodyContent #regTopNavigation { background-image: url(images/template/rc_topnav_bg.gif); background-repeat: no-repeat; height: 32px; width: 620px; padding-top: 5px; } #regBodyContent #regTopNavigation a { color: #FFFFFF; text-decoration: none; font-family: Georgia;} #regBodyContent #regTopNavigation a:hover { text-decoration: underline;} #regBodyContent #regRiverCottage2 { margin-top:10px} #regBodyContent #regRiverCottage2 #NewsArchiveHeader { height:61px; width: 180px; background-repeat: no-repeat;} #regBodyContent #regRiverCottage2 #NewsArchiveItems { width: 190px; background-color:#F9F3DA; padding: 10px 0px 10px 5px;} #regBodyContent #regRiverCottage2 #NewsArchiveItems .NewsArchiveItem { padding-bottom: 5px;font-size: 1em;color: #330000; line-height:1.1em} #regBodyContent #regRiverCottage2 #NewsArchiveItems .NewsArchiveItem a { text-decoration: none; font-size: 0.9em;color: #330000} #regBodyContent #regRiverCottage2 #NewsArchiveItems .NewsArchiveItem a:hover {text-decoration: underline;color: #006633} #regBodyContent #regRiverCottage2 #NewsArchiveMore { padding-top: 5px; font-size: 1.1em; color: #006633; font-weight: bold;} #regBodyContent #regRiverCottage2 #NewsArchiveMore a { text-decoration: none; color: #006633;font-size: 1.1em;} #regBodyContent #regRiverCottage2 #NewsArchiveMore a:hover {text-decoration: underline;} #regBodyContent #regRiverCottage2 .NewsArchiveMore { padding-top: 5px; font-size: 1.1em; color: #006633; font-weight: bold;} #regBodyContent #regRiverCottage2 .NewsArchiveMore a { text-decoration: none; color: #006633;font-size: 0.8em;} #regBodyContent #regRiverCottage2 .NewsArchiveMore a:hover {text-decoration: underline;} #regBodyContent #regRiverCottage2 .NewsArchiveReadMore { margin-top: 3px;} #regBodyContent #regRiverCottage2 .NewsArchiveReadMore a { text-decoration: none; color: #006633;font-size: 1em; } #regBodyContent #regRiverCottage2 .NewsArchiveDescription { padding-top: 2px;} #regBodyContent #regRiverCottage2 .NewsShortDescription { padding-bottom:10px;} #regBodyContent #regRiverCottage2 .NewsListDate { color: #666666; font-style: inherit; font-size: 0.9em; margin-top:4px} #regBodyContent #regRiverCottage .DateBG { text-align:center; background-image: url(images/template/rc_bg_date.gif); height:41px; width: 64px; color: #333333; font-weight: bold; padding-top: 3px;} #regBodyContent #NewsArchiveHeader { height:61px; width: 200px; background-image: url(images/template/panel_head_news.png); background-repeat: no-repeat} #regBodyContent #NewsArchiveItems { width: 190px; background-color:#A37644; padding: 10px 5px 10px 5px;} #regBodyContent #NewsArchiveItems .NewsArchiveItem { padding-bottom: 5px;font-size: 0.8em; line-height:1.1em} #regBodyContent #NewsArchiveItems .NewsArchiveItem a { text-decoration: none; color: #FFFFFF; font-size: 1.2em;} #regBodyContent #NewsArchiveItems .NewsArchiveItem a:hover {text-decoration: underline;color: #990000} #regBodyContent #NewsArchiveItems #NewsArchiveMore { padding-top: 5px; text-align: right; margin-right: 15px} #regBodyContent #NewsArchiveItems #NewsArchiveMore a { text-decoration: none; color: #990000;font-size: 0.9em;} #regBodyContent #NewsArchiveItems #NewsArchiveMore a:hover {text-decoration: underline;color: #FFFFFF} #regBodyContent #NewsArchiveItems .NewsArchiveMore a { text-decoration: none; color: #990000;font-size: 0.8em;} #regBodyContent #NewsArchiveItems .NewsArchiveMore a:hover {text-decoration: underline;color: #FFFFFF} #regBodyContent #NewsArchiveItems .NewsArchiveReadMore { margin-top: 3px;} #regBodyContent #NewsArchiveItems .NewsArchiveReadMore a { text-decoration: none; color: #990000;font-size: 1em; } #regBodyContent #NewsArchiveItems .NewsArchiveDescription { padding-top: 2px; color: #FFFFFF;} #regBodyContent .NewsShortDescription { padding-bottom:10px; color: #FFFFFF;} #regBodyContent .NewsListDate { color: #666666; font-style: inherit; font-size: 0.9em; margin-top:4px} #regBodyContent .Compulsary { color: Red;} #tblContact {margin: 0px} #tblContact #tdLeft { width: 135px; } #tblContact #tdRight { width: 135px; } #tblContact #tdLeft input { width: 10px;} #tblContact #RadioButtons input { border: 0px; background-color: Transparent;} #tblContact #RadioButtons { padding-bottom: 10px} #tblContact #tdLeft { width: 168px; } #regBodyContent input { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: #666666; font-family: Verdana;font-size: 1.1em; padding-left: 2px;} #regBodyContent textarea { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: #666666; font-family: Verdana;font-size: 1.1em; padding-left: 2px;} #regBodyContent .txtHighlight { border: 1px solid #CC0033; background-color: #F6FD8C; color: #000000;} #regBodyContent select {font-size: 1.1em; padding-left: 2px;} #regBodyContent a {text-decoration: none; font-weight: bold; color: #CC0000; } #regBodyContent a:hover {text-decoration: underline;} #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 { margin-left: 10px; padding-left: 0; } #regBodyContent ul li { margin-left: 10px; } html[xmlns] #regMainContent ul { padding-left: 2em;} html[xmlns] #regMainContent ul li { padding: 0px;} /* Button styles */ #regBodyContent .button {font-weight: bold; color: #111111;} #regBodyContent .CancelButton {font-weight: normal; color: Red;} /* datagrid styles */ #regBodyContent .datagrid { border: 1px solid #A37644; padding: 1px; margin: 1px;} #regBodyContent .datagrid td { padding: 1px; margin: 1px;} #regBodyContent .datagrid .datagridHeader {background-color: #D9CDA5; color: #CC0000; font-weight: bold; margin-bottom: 10px; font-size: 1.1em; font-family: Georgia;} #regBodyContent .datagrid .datagridHeader td { padding: 2px 4px 2px 4px;} #regBodyContent .datagrid .datagridItem {background-color: #F4E1B8; border-bottom: 0px solid #FFFFFF} #regBodyContent .datagrid .datagridItem td { padding: 2px 4px 2px 4px;} #regBodyContent .datagrid .datagridItem a { font-size: 0.9em} #regBodyContent .datagrid .datagridAlternatingItem {background-color: #F7E4BC; border-bottom: 0px solid #FFFFFF} #regBodyContent .datagrid .datagridAlternatingItem td { padding: 2px 4px 2px 4px;} /* Payment/checkout/myaccount order history page styles */ #regBodyContent .PaymentForm {margin-left: 30px; margin-top:8px; width: 90%;} #regBodyContent .PaymentForm .heading {width: 140px} #regBodyContent .PaymentForm input, textarea {font-size: 1em;} #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: 30px; width: 550px;} #regBodyContent .BasketSummary .BasketSummaryTable {width: 100%; border-collapse: collapse; } #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader { background-color: black; 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;} /* 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 .ProductPhotos {margin-right: 10px; width:300px; } #regBodyContent .ProductPhotos .MainPhoto {text-align:center; border: 1px solid black; height: 300px;} #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: Red;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow {color: Red; font-weight: bold; font-size: .8em;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .wasprice{font-weight: bold; color: #000000; text-decoration:line-through;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow { margin: 3px 3px 3px 3px; height: 20px; font-weight: bold; border: 1px solid #01A2E6; color: #FFFFFF; font-size: .8em; background-color: #01A2E6;} #regBodyContent .SubCategoryThumbnailBrowse {} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail {height: 150px; width: 120px} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailPhoto {border: 1px solid #aaaaaa; height:125px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailText {text-align: center; padding-top: 3px; height: 25px; } #regBodyContent .ProductThumbnailBrowse {} #regBodyContent .ProductThumbnailBrowse .Thumbnail {height: 210px; width: 150px; margin-bottom: 7px;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailPhoto {border: 1px solid #aaaaaa; height:150px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailText {height: 28px; text-align: center; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .ProductPrice {text-align: center; padding-top: 2px; padding-bottom: 12px; font-weight: bold; color: #000000; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .price{font-weight: bold; color: Red; padding-right: 5px;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .wasprice{font-weight: bold; color: black; text-decoration:line-through;} #regBodyContent .productRating { font-weight: bold;} #regBodyContent .productReview {padding-top: 7px;} #regBodyContent .productReviewName { text-align:right; font-weight: bold; font-size: 11px; font-style: italic;} #regBodyContent .productReviewFooter {padding-bottom: 7px; border-bottom: 1px solid #cccccc; } #regBodyContent .paging {padding-top: 10px; padding-bottom: 20px;} #regBodyContent .paging a {text-decoration: none;} #regBodyContent .paging table {width:100%} #regBodyContent .paging .currentPageLabel {width: 180px; color: black;} #regBodyContent .paging .previousPage {width: 100px; text-align: left; } #regBodyContent .paging .previousPage a { color: Gray;} #regBodyContent .paging .pageNumbers {text-align: center;} #regBodyContent .paging .pageNumbers a.unselectedPage {font-weight: bold; color: #999999} #regBodyContent .paging .pageNumbers a.selectedPage {font-weight: bold; color: red} #regBodyContent .paging .nextPage {width: 80px; text-align: right; } #regBodyContent .paging .nextPage a { color: Gray; } /* Blog related styles... */ #regBodyContent .BlogEntries p {padding-top: 0px; margin-top: 0px} #regBodyContent .BlogEntries .blogPostTitle {padding-top: 5px;} #regBodyContent .BlogEntries .blogPostTitle a {font-size: 1.2em; font-weight: bold;} #regBodyContent .BlogEntries .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .BlogEntries .blogContent { padding-bottom: 10px;} #regBodyContent .BlogEntries .blogFooter {padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary {float: left; width: 300px; display: inline; color: gray; padding-top: 5px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;} #regBodyContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; } #regBodyContent .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;} #regBodyContent .BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .BlogDetail .blogContent { padding-bottom: 5px;} #regBodyContent .BlogDetail .blogCategories { padding-top: 7px; color: #444444; margin-left: 20px; padding-bottom: 3px;} #regBodyContent .BlogDetail .blogFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #regBodyContent .BlogDetail .blogNoEntry {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .SocialNetworking {padding-top: 0px; text-align: right} #regBodyContent .BlogDetail .OtherRecentPosts {padding-top: 0px; padding-bottom: 5px;} #regBodyContent .BlogDetail .OtherRecentPosts .ListPosts {margin-left: 20px; padding-bottom: 3px;} #regMainContent .BlogDetail .Comments {padding-top: 0px;} #regMainContent .BlogDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;} #regMainContent .BlogDetail .Comments .ListComments {margin-left: 0px; padding-bottom: 5px;} #regMainContent .BlogDetail .Comments .ListComments .SpecificPost {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #FFFED0;} #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .CommentBy {font-size: .9em; color: black; padding-bottom: 5px; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .Comment {font-size: .9em; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply {background-color: #F5FABD; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyComment { } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyDatestamp { } #regBodyContent .BlogDetail .Comments .leaveComment input {margin-left: 0px;} #regBodyContent .BlogDetail .Comments .leaveComment .heading {color: #333333; font-weight: bold; padding-top: 4px; } /* not within a region because you may want to put in in various places on the site */ .blogCategoriesBox {padding: 0px 0px 10px 0px;} .blogCategoriesBox .blogCategoryItem {font-size: .85em; margin: 0px 0px 1px 0px; padding: 4px 0px 4px 3px; border-bottom: 1px solid #8485DF; } .blogCategoriesBox .blogCategoryItem A { color:#444444; font-weight: normal; text-decoration: none;} .blogCategoriesBox .blogCategoryItem A:hover {text-decoration: underline;} .blogArchiveBox {padding: 0px 0px 10px 0px;} .blogArchiveBox .blogArchiveItem {font-size: .85em; margin: 0px 0px 1px 0px; padding: 4px 0px 4px 3px; border-bottom: 1px solid #8485DF; } .blogArchiveBox .blogArchiveItem A { color:#444444; font-weight: normal; text-decoration: none;} .blogArchiveBox .blogArchiveItem A:hover {text-decoration: underline;} /*Password Tool CSS */ #password_description {font-size: 10px; font-style: italic; } #password_strength { height:10px; display:block; } #password_strength_border { width: 160px; height: 10px; border: 1px solid black; } .strength0 { width:160px; background:#cccccc; } .strength1 { width:40px; background:#ff0000; } .strength2 { width:80px; background:#56e500; } .strength3 { background:#399800; width:120px; } .strength4 { background:#4dcd00; width:160px; } /* 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"); }