/* Font sizes all relative to the "body" tag below and by using "em" it means if the user increases the font size on the browser (DDA compliance) then the sizes increase on the site in proportion too. */ body { font-family: Verdana; font-size: .90em; background-color: white;} body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, th { margin:0; padding:0; } table {border-collapse: collapse;} #page {margin: 0 auto; width:969px; border: 1px solid #c6c7c6; padding: 0px;} /* NOTES: */ /* - As layout is using DIVs, no need to set WIDTH=100% on any content regions/areas. */ /* Region: TOP MENU */ #regTopMenuBar { clear: both; background-color:#4d4d4d; margin: 0px; height: 128px; } #regTopMenuBar img {border: 0px; } #regTopMenuBar .Logo {float: left; border-right: 1px solid white;} #regTopMenuBar .Slogan {float: right;} #regTopMenuBar .Advertising {float: right; width: 440px; margin: 6px 8px 5px 6px; overflow:hidden; color: White; } #regTopMenuBar .Advertising a {color: Yellow;} #regTopMenuBar .Advertising table tr td {height: 112px; } #regTopNavLinks { clear: both; border-top:solid 1px #C7C7C7; border-bottom:solid 1px #C7C7C7; padding:4px 4px 4px 10px; color:#212121; height:14px; } #regTopNavLinks .ShoppingBasket { float: right; font-size: .85em; font-weight: normal;} #regTopNavLinks .ShoppingBasket a {color: #333333; text-decoration: none; font-weight: bold; } #regTopNavLinks .ShoppingBasket .contents {color:#E20390; font-weight: bold;} #regTopNavLinks .ShoppingBasket a:hover {text-decoration: underline;} #regTopNavLinks .MenuLinks { float: left; font-size: .85em;} #regTopNavLinks .MenuLinks ul { display: inline; padding: 0px; margin: 0px;} #regTopNavLinks .MenuLinks ul li { display: inline; padding: 0px 15px 0px 5px; } #regTopNavLinks .MenuLinks a {color:#666666; font-weight: bold; text-decoration: none;} #regTopNavLinks .MenuLinks a:hover {color:#666666; text-decoration: underline;} /* Region: FOOTER */ #regFooter {clear:both; font-size: .75em; color:#444444; border-top:solid 1px #C7C7C7; padding:4px; margin-top: 20px;} #regFooter .Copyright { display: inline; margin-left: 5px; } #regFooter .MenuLinks { display: inline; color:#101010; } #regFooter .MenuLinks ul { display: inline} #regFooter .MenuLinks ul li { display: inline; padding: 0px 3px 0px 3px; } #regFooter .rssIcons { margin: 0px; display:inline; } #regFooter .DesignedBy { float: right; margin-right: 5px; } #regFooter a {color: #444444; font-weight: normal; text-decoration: none;} #regFooter a:hover {text-decoration: underline;} #regTemplateContentManagedFooter { margin: 0 auto; width:969px; font-size: 0.8em; color: #333333; } /* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */ #regMainContent {clear:both; background-color: white;} #regFixHeights { clear: both;} /*If you want a background on regMainContent to span the height of regBodyContent this is necessary. */ /* Region: Left hand menu/column */ #regLeftMenu {float: left; font-size: 1em; color: #44749D; width: 160px; padding: 5px 2px 5px 2px; } #regLeftMenu a {color: black; text-decoration: none;} #regLeftMenu h2 {font-size: .8em; font-weight: bold; color: white; padding: 2px 5px 2px 2px; background-color:#44749D; margin-top: 3px; } #regLeftMenu .MenuItem { font-size: .85em; background-color: #e70094; margin: 0px 0px 1px 0px; padding: 3px 4px 3px 4px; } #regLeftMenu .MenuItem A { color:white; font-weight: bold; text-decoration: none; text-transform:uppercase;} #regLeftMenu .MenuItem A:hover {text-decoration: underline;} #regLeftMenu .menuItemBlack { font-size: .85em; background-color: #4d4d4d; margin: 0px 0px 1px 0px; padding: 3px 4px 3px 4px; } #regLeftMenu .menuItemBlack A { color:White; font-weight: bold; text-decoration: none; text-transform:uppercase;} #regLeftMenu .menuItemBlack A:hover {text-decoration: underline;} #regLeftMenu .subMenuItem { font-size: .85em; background-color: white; margin: 0px 0px 1px 0px; padding: 3px 4px 3px 8px; border-bottom: 1px solid #c6c7c6;} #regLeftMenu .subMenuItem A { color:black; font-weight: normal; text-decoration: none; } #regLeftMenu .subMenuItem A:hover {text-decoration: underline; } #regLeftMenu .searchBox {background-color: #CBDAE6; padding: 2px 4px 3px 4px; margin: 0px 0px 14px 0px;} #regLeftMenu .menuItemsBox { padding: 0px 0px 10px 0px;} #regLeftMenu .productCategoriesBox {padding: 0px 0px 10px 0px;} #regLeftMenu .rssIcons {font-size: .8em; margin: 10px 5px 10px 15px; } #regLeftMenu .bookmarkSite{font-size: .8em; margin: 10px 0px 10px 0px; text-align:center; } #regLeftMenu #scrollerPanelNews { height: 170px; padding: 5px; font-size: 1em; font-family: Arial; text-align:left;} /*code added [rr 02 Nov 2011] - for fly out left hand menu */ #popOutMenu {padding:0; margin:0px; list-style-type: none; width:160px; position:relative; z-index:500; font-family: Arial; } #popOutMenu ul {padding:0; margin:0; list-style-type: none; width:160px; } #popOutMenu ul li a, #pmenu a:visited {display:block; width:148px; font-size:.9em; color:#000; Padding: 4px 6px 4px 6px; text-decoration:none; border:1px solid #fff; border-width:0 1px 1px 0;} #popOutMenu ul li.hasSubItems {list-style-type: none; background-color: #aaaaaa; background-image: url(images/template/MoreItems.png); background-repeat: no-repeat; background-position: right 6px;} #popOutMenu ul li.noSubItems {list-style-type: none; background-color: #c1c1c1;} #popOutMenu ul li ul {padding:0; margin:0; list-style-type: none; width:180px; font-size: .95em; } #popOutMenu ul li ul li {list-style-type: none; background-color: #c1c1c1; width: 180px} #popOutMenu ul li ul li a, #pmenu a:visited {display:block; width:168px; color:#000; Padding: 4px 6px 4px 6px; text-decoration:none; border:1px solid #fff; border-width:0 1px 1px 0;} #popOutMenu ul li {position:relative; list-style-type: none;} #popOutMenu ul li ul {display: none; } #popOutMenu ul li:hover > ul {display:block; position:absolute; width:182px; top:0; left:161px; background-color: #cfcfcf; } #popOutMenu ul li ul li:hover > a {background:#e70094; color:white; } #popOutMenu ul li.hasSubItems:hover > a {background:#e70094; color:white; background-image: url(images/template/MoreItems.png); background-repeat: no-repeat; background-position: 6px right;} #popOutMenu ul li.noSubItems:hover > a {background:#e70094; color:white; } #regTemplateContentManagedLeftColum { clear: both; margin-top: 10px; font-size: 1.1em; padding: 5px; text-align: center; color: #333333;} /* Region: Right hand menu/column */ #regRightHandColumn {float: right; font-size: 1em; color: #333333; width: 172px; padding: 0px 2px 5px 2px; } #regRightHandColumn h2 {color: #4d4d4d; border-bottom: 1px solid #c6c6c6; font-size: .85em; margin-top: 8px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 2px;} #regRightHandColumn .menuItemsBox { margin: 5px 0px 5px 0px; border: 1px solid #c6c6c6; } #regRightHandColumn .menuItemsBox .Header { } #regRightHandColumn .menuItemsBox .Middle {padding: 0px 5px 0px 5px} #regRightHandColumn .menuItemsBox .Footer {} #regRightHandColumn .menuItemsBox .Middle .GalleryItem { clear: both; border-bottom: 1px solid #CCCCCC;padding-top: 5px; padding-bottom: 5px;} #regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryImage { background-color: #FFFFFF; float: left; height: 77px; width: 77px; border: 1px solid #CCCCCC; padding: 1px; text-align: center;} #regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryImage img { border: 0px;} #regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryTitle { float: left; padding-left: 5px;} #regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryTitle a { text-decoration: none; font-weight: bold; color: #333333;} #regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryTitle a:hover { text-decoration: underline;} #regRightHandColumn #regSurvey { text-align: left; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; margin-top: 0px; background-repeat: no-repeat; width: 160px; } #regRightHandColumn #regSurvey .SurveyDetails { padding: 2px 10px 0px 10px; font-size: 0.9em; line-height: 1.1em} #regRightHandColumn #regSurvey .SurveyDetails p { margin-top: 4px;margin-bottom: 3px;} #regRightHandColumn #regSurvey .SurveyDetails .SurveyNone input { border: 0px; background-color: Transparent; margin-left: 5px;} #regRightHandColumn #regSurvey .SurveyDetails .SurveyNone { font-weight:bold; font-size: 1em; line-height: 1.5em;} #regRightHandColumn #regSurvey .SurveyDetails .SurveyResults .ResultsBar { float:left; width: 70px; font-size: 0.9em;} #regRightHandColumn #regSurvey .SurveyDetails .SurveyResults .ResultsText { float:left; width: 40px;} #regRightHandColumn #regSurvey .SurveyDetails .SurveyResults .ResultsPercentage { float:left; font-size: 0.95em;} #regRightHandColumn #regSurvey .SurveyDetails .SurveyResults { padding-top: 6px; padding-bottom: 8px;} #regRightHandColumn #regSurvey .regSurveyFooter { background-image: url(images/template/panel_survey_footer.gif); height: 8px} #regRightHandColumn .button { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; font-family: Verdana;font-weight: bold;} #regRightHandColumn #regSurveyOther { margin-right: 4px; float: right; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; margin-top: 0px; background-repeat: no-repeat; width: 160px;} #regRightHandColumn #regSurveyOther .SurveyDetails { text-align: left; padding: 2px 10px 0px 10px; font-size: 0.9em; line-height: 1.1em} #regRightHandColumn #regSurveyOther .SurveyDetails p { margin-top: 4px;margin-bottom: 3px;} #regRightHandColumn #regSurveyOther .SurveyDetails .SurveyNone input { border: 0px; background-color: Transparent; margin-left: 5px;} #regRightHandColumn #regSurveyOther .SurveyDetails .SurveyNone { font-weight:bold; font-size: 1em; line-height: 1.5em;} #regRightHandColumn #regSurveyOther .SurveyDetails .SurveyResults .ResultsBar { float:left; width: 70px; font-size: 0.9em;} #regRightHandColumn #regSurveyOther .SurveyDetails .SurveyResults .ResultsText { float:left; width: 40px;} #regRightHandColumn #regSurveyOther .SurveyDetails .SurveyResults .ResultsPercentage { float:left; font-size: 0.95em;} #regRightHandColumn #regSurveyOther .SurveyDetails .SurveyResults { padding-top: 6px; padding-bottom: 8px;} #regRightHandColumn #regSurveyOther .regSurveyFooter { height: 8px} #regTemplateContentManagedRightColum { clear: both; margin: 0px; padding: 5px; font-size: 0.8em; text-align: center; background-color: Red; color: White;} /* 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 6px; } .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 6px; } .blogArchiveBox .blogArchiveItem A { color:#444444; font-weight: normal; text-decoration: none;} .blogArchiveBox .blogArchiveItem A:hover {text-decoration: underline;} /* Set main content width - if main content width should be 700, but there is 15 left and 15 right padding, then width should be set to 670... */ #regBodyContent {float: left; width: 595px; min-height: 400px; font-size: .85em; padding: 10px 15px 20px 15px;} #regBodyContent h1 {margin-top: 5px; margin-bottom: 5px; font-size: 1.6em; font-weight: bold; color: #E20390} #regBodyContent h2 {margin-top: 8px; margin-bottom: 3px; font-size: 1.4em; font-weight: bold; color: #E20390;} #regBodyContent h3 {margin-top: 8px; margin-bottom: 3px; font-size: 1.3em; font-weight: bold; color: #E20390;} #regBodyContent h4 {margin-top: 8px; margin-bottom: 3px; font-size: 1.2em; font-weight: bold; color: #E20390;} #regBodyContent a a {text-decoration: underline; font-weight: bold; color: #E20390;} #regBodyContent .FormDetail { margin-left: 60px;} #regBodyContent select {font-size: 1.1em; padding-left: 2px;} #regBodyContent ul li { list-style-type: square; } #regBodyContent input { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; font-family: Verdana;} #regBodyContent input[type=radio] { border:0px;} #regBodyContent input[type=checkbox] { border:0px;} #regBodyContent textarea { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; font-family: Verdana;} #regBodyContent .SurveyNone input { border: 0px; background-color: Transparent; margin-left: 20px;} #regBodyContent .SurveyNone { font-weight:bold; font-size: 1.1em} #regBodyContent .question {margin-left: 30px;} #regBodyContent .questionPrompt {margin-bottom: 10px;} #regBodyContent .questionItem {margin-bottom: 3px;} #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 .txtHighlight { border: 1px solid #CC0033; background-color: #F6FD8C; color: #000000;} #regBodyContent .highlight {background-color:Yellow} #regBodyContent .enterData {margin-left: 40px;} #regBodyContent .Quotes { margin: 0px 0px 10px 0px; padding-top:10px} #regBodyContent .Quotes .Header { background-image: url(images/quotes/quote_header.gif); background-repeat: no-repeat; height:32px} #regBodyContent .Quotes .Middle {padding: 0px 70px 10px 50px; font-size: 1.2em;background-image: url(images/quotes/quote_bg.gif); background-repeat: repeat-y;} #regBodyContent .Quotes .Footer {background-image: url(images/quotes/quote_footer_bg.gif); background-repeat: no-repeat; height:23px; font-size: 1.1em; color: #333333; padding: 32px 50px 0px 80px} #regBodyContent .OfficeLocations { vertical-align:top; border-bottom: 1px solid #CCCCCC; margin-bottom: 8px; padding-bottom: 8px;} #regBodyContent .OfficeLocations .OfficeName { float: left; font-size: 1.4em; font-weight: bold; color: #4a4d4a; margin-bottom: 6px; clear: left; } #regBodyContent .OfficeLocations .Address { float: left; clear: left;} #regBodyContent .OfficeLocations .MapArea { float: right; clear: right;} #regBodyContent .OfficeLocations .MapArea .Map {width: 300px; height: 200px; border: 2px solid #E3E3E3; margin: 0px;} #regBodyContent .OfficeLocations .MapArea .DirectionFinder {background-color: #4a4d4a; text-align: right; padding: 3px 3px 3px 10px; margin: 4px 0px 0px 0px; color: #FFFFFF; font-size: 1.2em; font-weight: bold; padding-right: 6px;} #regBodyContent .OfficeLocations .MapArea .DirectionFinder a { color: #FFFFFF; font-size: 0.88em; text-decoration: none;} .conservatoryStyles {clear: both;} .conservatoryStyles .conservatoryStyle {float: left; text-align: center; width: 190px; height: 200px; color: #333333; font-weight: bold;} .conservatoryStyles .conservatoryStyle img { border: 2px solid #333333;} .conservatoryStyles .conservatoryStyle img:hover { border: 2px solid red;} .conservatoryStyles .conservatoryStyle .caption {padding: 2px 0px 3px 0px;} /* 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;} /* 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 {height: 16px; padding: 1px; color: #333333} #regBodyContent .PaymentForm select {} #regBodyContent .PaymentFormHeading {background-color: #4D4D4D; 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; } #regBodyContent .PaymentForm .Compulsory { font-weight: bold; color: Red; font-size: 0.9em; padding-left: 3px; padding-right: 3px;} /* these styles are used on the view shopping basket page... */ #regBodyContent .BasketSummary {width: 575px;} #regBodyContent .BasketSummary .BasketSummaryTable {padding: 0px; border-collapse: separate; margin: 1px; } #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader td { font-size: 1.1em; background-color: #4D4D4D; border-bottom: 2px solid #9AA3B1; color: White; padding: 3px 5px 3px 5px; font-weight: bold;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem td { background-color: #F5F5F5; margin: 1px; padding: 3px 5px 3px 5px;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem a { text-decoration: none; font-weight: bold;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem a:hover { text-decoration: underline;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketItemQuantity {width: 20px; text-align:center; font-size: 1em;} #regBodyContent .BasketSummary .BasketSubtotal { width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px; font-weight: bold;} #regBodyContent .BasketSummary .BasketDeliveryTotal { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px; font-weight: bold;} #regBodyContent .BasketSummary .BasketWeight { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px; font-size: 1.2em; font-weight: bold;} #regBodyContent .BasketSummary .BasketDelivery { text-align: right; font-weight: bold; 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; font-weight: bold; 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.2em; margin-bottom: 5px; padding: 3px 0px 3px 0px;} #regBodyContent .BasketSummary .CartBorder { border: 1px solid #D0D0D0; text-align: center; width: 90px; height: 90px; text-align: center; vertical-align: middle; display: table-cell; background-color: #FFFFFF;} #regBodyContent .BasketSummary .BasketButtons {width: 100%; margin-bottom: 5px; margin-top: 10px;} #regBodyContent .BasketSummary .BasketButtons .CheckoutButtonArea { padding-top: 12px; clear: both; height: 40px; padding-bottom: 4px; } #regBodyContent .BasketSummary .BasketButtons .CheckoutButtonArea .MultiplePaymentGateways { display: inline; float: right; margin: 3px 20px 0px 0px; font-size: 1.5em; padding-top: 3px; font-weight: bold;} #regBodyContent .BasketSummary .BasketButtons .CheckoutButtonArea .Buttons { float: right;} #regBodyContent .BasketSummary .BasketButtons .UpdateQuantity {color: Navy; font-weight: bold; font-size: 1em; width:110px; } #regBodyContent .BasketSummary .BasketButtons .ContinueShopping { color: Navy; font-weight: bold; font-size: 1em; width:140px; } #regBodyContent .BasketSummary .BasketButtons .Checkout {color: DarkGreen; font-weight: bold; font-size: 1em; width: 220px; height: 30px; } #regBodyContent .BasketSummary .ApplyDiscountCode {color: DarkGreen; font-weight: bold; font-size: 1em; width:65px} #regBodyContent .BasketSummary .CartRemove { background-color: #FFFFFF;font-weight: normal; color: #000000; border: 1px solid #D0D0D0; font-weight: bold;} #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: #4D4D4D; color: White; font-weight: bold;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader td { padding: 2px 4px 2px 4px;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem {} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem td { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px; } #regBodyContent .PaymentSummary .PaymentSubtotal { font-weight: bold; width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentDelivery { font-weight: bold; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentDiscount { font-weight: bold;width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentVATAmount { font-weight: bold; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentGrandTotal { font-size: 1.2em;font-weight: bold; width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; 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 {background-color: #FFFFFF;text-align:center; border: 1px solid #aaaaaa; height: 350px;} #regBodyContent .ProductPhotos .MainPhoto img { border: 0px} #regBodyContent .ProductPhotos .ThumbnailCaption {font-family: arial; font-weight:normal; font-size: .9em; text-align:center; color: #333333; padding: 5px 0px 5px 0px; } #regBodyContent .ProductPhotos .ThumbnailPhoto { background-color: #FFFFFF;border: 1px solid #aaaaaa; display: table-cell; vertical-align: middle; height:90px; width: 90px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center;} #regBodyContent .ProductSKUsTable .ProductSKUsHeader td { background-color: black; color: White; font-weight: bold;} #regBodyContent .ProductSKUsTable .ProductSKUsItem td { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .price{font-weight: bold; color: Red;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow {color: Red; font-weight: bold; font-size: .8em;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .wasprice{font-weight: bold; color: #000000; text-decoration:line-through;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow { margin: 3px 3px 3px 3px; height: 20px; font-weight: bold; border: 1px solid #01A2E6; color: #FFFFFF; font-size: .8em; background-color: #01A2E6;} #regBodyContent .SubCategoryThumbnailBrowse {} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail {height: 155px; 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: 2px 0px 2px 0px; } #regBodyContent .WindowThumbnailBrowse {} #regBodyContent .WindowThumbnailBrowse .Thumbnail {height: 160px; width: 160px} #regBodyContent .WindowThumbnailBrowse .Thumbnail .ThumbnailPhoto {height:100px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center;} #regBodyContent .WindowThumbnailBrowse .Thumbnail .ThumbnailText {text-align: center; color: gray; padding-top: 5px;} #regBodyContent .WindowThumbnailBrowse .Thumbnail .ThumbnailText a {color: Red; text-decoration: none;} #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; } #regBodyContent #recentItems {margin: 10px 5px 10px 5px;} #regBodyContent #recentItems .recentItem {float: left; padding: 5px; text-align: center;} /* add 'float: left' to have them across... */ #regBodyContent .GalleryThumbnailBrowse { height: 200px;} #regBodyContent .GalleryThumbnailBrowse .SubCategory { padding: 1px;text-align: center; border: 1px solid #CCCCCC; margin-right: 5px;} #regBodyContent .GalleryThumbnailBrowse .SubCategory .Thumbnail { background-color: #FFFFFF; height: 160px; width: 160px; margin: 2px; display: table-cell; vertical-align: middle; } #regBodyContent .GalleryThumbnailBrowse .SubCategory .Title { background-color: #CCCCCC; text-align: center; padding: 3px; margin: 0px} #regBodyContent .GalleryThumbnailBrowse .SubCategory .Title a{ text-decoration: none; color: #000000; font-size: 1.1em;} #regBodyContent .ContentSearch ol { margin-left: 5px; padding-left: 7px;} #regBodyContent .ContentSearch ol li { margin-left: 5px; padding-left:4px;} #regBodyContent .ContentSearch .SearchResults { border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; margin-bottom: 5px;} #regBodyContent .ContentSearch .SearchResults .Header .Category{ color: #E96C20; font-weight: bold;} #regBodyContent .ContentSearch .SearchResults .Header a{ font-size: 1.1em; text-decoration: none;} #regBodyContent .ContentSearch .SearchResults .Date { font-weight: bold; font-style: italic; color: #313131; padding-top: 5px;} #regBodyContent .ContentSearch .SearchResults .Content { clear: both; padding: 5px 0px 0px 0px;} #regBodyContent .ContentSearch .SearchResults .ReadMore { text-align: right; padding-top: 6px; padding-bottom: 3px;} #regBodyContent .ContentSearch .SearchResults .ReadMore a{ background-color: #E96C20; padding: 1px 4px 1px 4px; color: #FFFFFF; text-decoration: none;} /* 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; clear: both; padding-top: 10px;} #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; float: 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; } /* News related styles... */ #regBodyContent .NewsEntries .NewsListWrapper { border-bottom: 1px solid #cccccc; padding-bottom: 5px; margin-bottom: 5px;} #regBodyContent .NewsEntries .NewsListWrapper p {padding-top: 0px; margin-top: 0px} #regBodyContent .NewsEntries .NewsListWrapper .Image { float: right; margin-left: 15px;} /*#regBodyContent .NewsEntries .NewsListWrapper .Image .NewsImage { border: 1px solid #99cbce; display: table-cell; vertical-align: middle; text-align: center; height:120px; line-height: 120px; width: 200px; text-align: center; background-color: #FFFFFF;}*/ #regBodyContent .NewsEntries .NewsListWrapper .NewsArticleTitle {padding-top: 5px;} #regBodyContent .NewsEntries .NewsListWrapper .NewsArticleTitle a {font-size: 1.2em; font-weight: bold; text-decoration: none;} #regBodyContent .NewsEntries .NewsListWrapper .NewsArticleTitle a:hover { text-decoration: underline;} #regBodyContent .NewsEntries .NewsListWrapper .NewsDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .NewsEntries .NewsListWrapper .NewsContent { padding-bottom: 10px;} #regBodyContent .NewsEntries .NewsListWrapper .NewsContent .NewsMoreDetailsLink { text-align: right; padding-top: 5px;} #regBodyContent .NewsEntries .NewsListWrapper .NewsContent .NewsMoreDetailsLink a { text-decoration: none; border-bottom: 1px dotted #02386F;} #regBodyContent .NewsEntries .NewsListWrapper .NewsFooter {padding-bottom: 25px; margin-bottom: 10px; } #regBodyContent .NewsEntries .NewsListWrapper .NewsFooter .CommentSummary {float: left; width: 300px; display: inline; color: gray; padding-top: 5px; } #regBodyContent .NewsEntries .NewsListWrapper .NewsFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;} #regBodyContent .NewsEntries .NewsListWrapper .NewsFooter .SocialNetworking {float: right; display: inline; } #regBodyContent .NewsEntries .NewsListWrapper .NewsFooter .SocialNetworking img {border: 0px} #regBodyContent .NewsEntries .NewsListWrapper .NewsNoEntries {margin-left: 15px; color: #333333; padding-top: 10px; } #regBodyContent .centredetails { font-weight: bold;} #regBodyContent .NewsDetail .NewsArticleTitle {font-size: 1.2em; font-weight: bold;} #regBodyContent .NewsDetail .NewsDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px; text-align: right;} #regBodyContent .NewsDetail .NewsContent { padding-bottom: 5px;} #regBodyContent .NewsDetail .NewsCategories { padding-top: 7px; color: #444444; margin-left: 20px; padding-bottom: 3px;} #regBodyContent .NewsDetail .NewsFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #regBodyContent .NewsDetail .NewsNoEntry {margin-left: 15px; color: #333333; padding-top: 10px; } #regBodyContent .NewsDetail .SocialNetworking {padding-top: 10px; text-align: left;} #regBodyContent .NewsDetail .SocialNetworking img {border: 0px} #regBodyContent .NewsDetail .OtherRecentArticles {padding-top: 15px; padding-bottom: 15px;} #regBodyContent .NewsDetail .OtherRecentArticles .ListArticles {margin-left: 20px; padding-bottom: 3px;} #regBodyContent .NewsDetail .Comments {padding-top: 0px;} #regBodyContent .NewsDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;} #regBodyContent .NewsDetail .Comments .ListComments {margin-left: 0px; padding-bottom: 5px;} #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #FFFED0;} #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle .CommentBy {font-size: .9em; color: black; padding-bottom: 5px; } #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle .Comment {font-size: .9em; } #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle .ModeratedReply {background-color: #F5FABD; } #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle .ModeratedReply .ReplyComment { } #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle .ModeratedReply .ReplyDatestamp { } #regBodyContent .NewsDetail .Comments .leaveComment input {margin-left: 0px;} #regBodyContent .NewsDetail .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 */ .NewsCategoriesBox {padding: 0px 0px 10px 0px;} .NewsCategoriesBox .NewsCategoryItem {font-size: .85em; margin: 0px 0px 1px 0px; padding: 4px 0px 4px 3px; border-bottom: 1px solid #8485DF; } .NewsCategoriesBox .NewsCategoryItem A { color:#444444; font-weight: normal; text-decoration: none;} .NewsCategoriesBox .NewsCategoryItem A:hover {text-decoration: underline;} .NewsArchiveBox {padding: 0px 0px 10px 0px;} .NewsArchiveBox .NewsArchiveItem {font-size: .85em; margin: 0px 0px 1px 0px; padding: 4px 0px 4px 3px; border-bottom: 1px solid #8485DF; } .NewsArchiveBox .NewsArchiveItem A { color:#444444; font-weight: normal; text-decoration: none;} .NewsArchiveBox .NewsArchiveItem 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"); } #slider { margin: 0px 0px 0px 0px; padding-left: 30px; width: 500px; /* important to be same as image width */ height: 300px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #sliderContent { xwidth: 720px; position: absolute; top: 0; margin-left: 0; } .sliderImage { float: left; position: relative; display: none; } .sliderImage span { position: absolute; font: 1.1em Arial, Helvetica, sans-serif; padding: 5px 10px 5px 10px; width: 430px; height: 60px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; } .clear { clear: both; } .sliderImage span strong { font-size: 1.2em; } .top { top: 0; left: 0; } .bottom { bottom: 0; left: 0; font-size: 1em; color: White; } .left { top: 0; left: 0; width: 110px !important; height: 300px; } .right { right: 0; bottom: 0; width: 90px !important; height: 300px; } /* Hacks */ /* float clearing for IE6 */ * html #regMainContent { height: 1%; overflow: visible; } /* float clearing for IE7 */ *+html #regMainContent { min-height: 1%; } /* float clearing for everyone else */ #regMainContent:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }