/* 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: Arial; font-size: .85em; background-color: white; color: #333333} 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:960px; background-position: } /* 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:white; color: #cccccc;} #regTopMenuBar img {border: 0px;} #regTopMenuBar .Logo {height: 109px; color: Gray; font-size: 3em; vertical-align:middle;} #regTopMenuBar .Logo a { text-decoration: none; color: Gray;} /* Region: FOOTER */ #regFooterTop {clear:both; font-size: .85em; background-color: #D3DBEE; border-bottom: 3px solid #024B9E; padding: 4px 0px 4px 0px; text-align: center; } #regFooterTop ul { display: inline; padding: 0px; margin: 0px;} #regFooterTop ul li { display: inline; padding-left: 1px; padding-right: 3px;} #regFooterTop a {color: #024B9E; font-weight: bold; text-decoration: none; font-size: 1em} #regFooterTop a:hover {text-decoration: underline;} #regFooter {clear:both; font-size: .85em; } #regFooter a { font-weight: normal; text-decoration: none;color: #024B9E;} #regFooter a:hover {text-decoration: underline;} #regFooter .MenuLinks { text-align: center;} #regFooter .MenuLinks ul { display: inline; padding: 0px; margin: 0px;} #regFooter .MenuLinks ul li { display: inline; padding-left: 3px;} #regTemplateContentManagedFooter { clear: both; margin: 0px 0px 15px 0px; font-size: 0.9em; text-align: center;} #regTemplateContentManagedFooter a { font-weight: normal; text-decoration: none;color: #024B9E;} /* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */ #regMainContent {clear:both; background-color: white; margin-top: 9px} #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; width: 180px; } #regLeftMenu a {color: black; text-decoration: none;} #regLeftMenu h2 {font-size: .85em; font-weight: bold; color: white; padding: 2px 5px 2px 2px; background-color:#44749D; margin-top: 3px; } #regLeftMenu .Wrapper { border: 1px solid #BCCFE7; margin-bottom: 8px;} #regLeftMenu .Wrapper .Header { background-color: #D3DBEE; color: #024B9E; font-weight: bold; padding: 6px 10px 6px 10px;} #regLeftMenu .Wrapper .Header a{ color: #024B9E;} #regLeftMenu .MenuItem { font-size: .85em; background-color: #FFFFFF; padding: 2px 0px 2px 10px; background-image: url(images/template/bullet_arr_grn.gif); background-repeat: no-repeat; margin: 2px 0px 0px 10px; background-position: 0px 5px } #regLeftMenu .MenuItem A { color: #024B9E; font-weight: normal; text-decoration: none;} #regLeftMenu .MenuItem A:hover {text-decoration: underline;} #regLeftMenu .subMenuItem { font-size: .8em; margin: 0px 0px 1px 0px; padding: 2px 4px 2px 8px; border-bottom: 1px solid #CBDAE6} #regLeftMenu .subMenuItem A { color:black; font-weight: normal; text-decoration: none; } #regLeftMenu .subMenuItem A:hover {text-decoration: underline; } #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;} #regTemplateContentManagedLeftColum { clear: both; margin-top: 10px; padding: 5px; text-align: center; } /* Region: Right hand menu/column */ #regRightHandColumn {float: right; font-size: 1em; color: #333333; width: 218px; padding-top: 23px; padding-bottom: 23px; line-height: 1.3em} #regRightHandColumn h2 {color: #333333; border-bottom: 1px solid #FFFFFF; font-size: 1.2em; margin-top: 8px; padding-top: 0px; margin-bottom: 4px; padding-bottom: 5px;} #regRightHandColumn .menuItemsBox { margin: 5px 0px 5px 0px; } #regRightHandColumn .menuItemsBox .BlogHeader { background-image: url(images/template/header_followblog.gif); background-repeat: no-repeat; width: 218px ; height: 92px ; border: 1px solid #BCCFE7; } #regRightHandColumn .quoteBy {color: #024B9E; font-weight: bold; font-style: italic; clear: both;} #regRightHandColumn .menuItemsBoxNewsletter { padding-top: 85px; padding-left: 10px; background-image: url(images/template/sign_news_bg.gif); background-repeat: no-repeat; width: 208px ; height: 118px; border: 1px solid #BCCFE7;} #regRightHandColumn .menuItemsBoxNewsletter input[type="text"] { border: 1px solid #C3DA01; width: 180px; margin-bottom: 6px; padding-left: 2px} #regRightHandColumn .menuItemsBoxNewsletter button {margin-bottom: 6px; margin-left: 2px} #regRightHandColumn .BlogCloud { margin-top: 8px; background-image: url(images/template/header_cloud.gif); background-repeat: no-repeat; width: 202px ; padding:50px 8px 12px 8px; border: 1px solid #BCCFE7; } #regRightHandColumn .menuItemsBox img {border: 0px;} #regRightHandColumn .menuItemsBox .Header { } #regRightHandColumn .menuItemsBox .Middle {padding: 0px 0px 5px 0px; width: 218px; border-left: 1px solid #BCCFE7; border-right: 1px solid #BCCFE7; border-bottom: 1px solid #BCCFE7;} #regRightHandColumn .menuItemsBox .Footer {} #regRightHandColumn .menuItemsBox .TestimonialsHeader { background-image: url(images/template/header_whatclientssay.gif); background-repeat: no-repeat; width: 218px ; height: 85px ; border-top: 1px solid #BCCFE7; border-right: 1px solid #BCCFE7; border-left: 1px solid #BCCFE7; } #regRightHandColumn .menuItemsBox .WhyParkerHeader { background-image: url(images/template/header_whyparker.gif); background-repeat: no-repeat; width: 218px ; height: 47px ; border-top: 1px solid #BCCFE7; border-right: 1px solid #BCCFE7; border-left: 1px solid #BCCFE7;} #regRightHandColumn .menuItemsBoxRelatedContent { background-image: url(images/template/header_relatedcont.gif); background-repeat: no-repeat; width: 218px ; padding-top: 50px ;border: 1px solid #BCCFE7;} #regRightHandColumn .menuItemsBoxRelatedContent ul { padding: 0px 5px 3px 29px; margin: 0px} #regRightHandColumn .menuItemsBoxRelatedContent ul li{ padding-bottom: 4px;} #regRightHandColumn .menuItemsBoxBlog { background-image: url(images/template/header_GFIblog.gif); background-repeat: no-repeat; width: 196px ; padding: 70px 11px 12px 11px ; border: 1px solid #BCCFE7;} #regRightHandColumn .menuItemsBoxBlog h2 { font-weight: normal; font-size: 1.3em; color: #024b9E; padding-bottom: 2px; padding-top: 10px; font-weight: bold; margin: 0px} #regRightHandColumn .menuItemsBoxBlog img { border: 0px} #regRightHandColumn .menuItemsBoxBlogBottom { border-left: 1px solid #BCCFE7; border-right: 1px solid #BCCFE7; border-bottom: 1px solid #BCCFE7} #regRightHandColumn .menuItemsBox .Middle .whyParkerCategoriesBox { padding-right: 8px; padding-top: 8px; clear: both;} #regRightHandColumn .menuItemsBox .Middle .whyParkerCategoriesBox ul { padding: 0px 0px 3px 28px; margin: 0px} #regRightHandColumn .menuItemsBox .Middle .whyParkerCategoriesBox ul li {padding: 0px; margin: 0px 0px 3px 0px} #regRightHandColumn .menuItemsBox .Middle .blogCategoriesBox { padding-right: 8px; padding-top: 8px;} #regRightHandColumn .menuItemsBox .Middle .blogCategoriesBox ul { padding: 0px 0px 3px 20px; margin: 0px} #regRightHandColumn .menuItemsBox .Middle .blogCategoriesBox ul li {padding: 0px; margin: 0px 0px 3px 0px} #regRightHandColumn .menuItemsBoxBlogOther { background-image: url(images/template/header_followblog.gif); background-repeat: no-repeat; width: 218px ; padding: 62px 0px 12px 0px ; border: 1px solid #BCCFE7;} #regRightHandColumn .menuItemsBoxBlogOther h2 { font-weight: normal; font-size: 1.3em; color: #024b9E; padding-bottom: 2px; padding-top: 10px; font-weight: bold; margin: 0px} #regRightHandColumn .menuItemsBoxBlogOther img { border: 0px} /* not within a region because you may want to put in in various places on the site */ #regRightHandColumn .blogCategoriesBox {padding: 8px 8px 5px 8px;} #regRightHandColumn .blogCategoryItem {font-size: 1em; background-image: url(images/template/bullet_box_grn.gif); background-repeat: no-repeat; padding-left: 27px ; background-position: 15px 5px; padding-bottom: 3px; } #regRightHandColumn .blogCategoryItem a { color:#024B9E; font-weight: normal; text-decoration: underline;} #regRightHandColumn .blogCategoryItem a:hover {text-decoration: underline;} #regRightHandColumn .blogArchiveBox {padding: 8px 8px 5px 8px;} #regRightHandColumn .blogArchiveItem {font-size: 1em; background-image: url(images/template/bullet_box_grn.gif); background-repeat: no-repeat; padding-left: 27px ; background-position: 15px 4px } #regRightHandColumn .blogArchiveItem A {color:#024B9E; font-weight: normal; text-decoration: underline;} #regRightHandColumn .blogArchiveItem A:hover {text-decoration: underline;} #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;} /* 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: 772px; min-height: 300px; background-color: #FFFFFF; font-size: .9em; padding-left: 4px; line-height: 1.3em } #regBodyContent .Content { width: 524px; padding: 0px 15px 20px 15px; float: left;} #regBodyContent h1 {margin-bottom: 5px; margin-top: 23px; font-size: 1.8em; font-weight: bold; color: #44749D; line-height: 1.1em; } #regBodyContent h2 {margin-top: 8px; margin-bottom: 3px; font-size: 1.4em; font-weight: bold; color: #44749D;} #regBodyContent h3 {margin-top: 8px; margin-bottom: 8px; font-size: 1.2em; font-weight: bold; color: #333333;} #regBodyContent h4 {margin-top: 8px; margin-bottom: 3px; font-size: 1.1em; font-weight: bold; color: #333333;} #regBodyContent a {text-decoration: underline; color: #024B9E;} #regBodyContent .FormDetail { margin-left: 60px;} #regBodyContent select {font-size: 1.1em; padding-left: 2px;} #regBodyContent ul li { list-style-image: url(images/template/bullet_box_grn.gif); margin-bottom: 3px;} #regBodyContent input { border: 1px solid #BBBBBB; background-color: #FFFFFF; color: black; font-family: Verdana;} #regBodyContent textarea { border: 1px solid #BBBBBB; 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 .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 #8E9F18; background-color: #D3DBEE; 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_footer_bg_flip.gif); background-position: bottom; background-repeat: no-repeat; height:23px; text-align: left; font-size: 1.1em; color: #024B9E; padding: 22px 60px 20px 50px} #regBodyContent .Quotes .Middle {padding: 0px 70px 0px 50px; font-size: 1.1em;background-image: url(images/quotes/quote_bg.gif); background-repeat: repeat-y; text-align:justify;} #regBodyContent .Quotes .Footer {background-image: url(images/quotes/quote_header_flip.gif); background-repeat: no-repeat; height:23px} #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: #027D85; margin-bottom: 6px; clear: left; } #regBodyContent .OfficeLocations .Address { float: left; clear: left;} #regBodyContent .OfficeLocations .MapArea { float: right; clear: right;} #regBodyContent .OfficeLocations .MapArea .Map {width: 355px; height: 200px; border: 2px solid #E3E3E3; margin: 0px;} #regBodyContent .OfficeLocations .MapArea .DirectionFinder {background-color: #027d85; height: 20px; padding: 3px 3px 2px 10px; margin: 4px 0px 0px 0px; border: 0px solid #E3E3E3; color: #FFFFFF; font-size: 1.3em; font-weight: bold; padding-right: 6px;} #regBodyContent .OfficeLocations .MapArea .DirectionFinder a { color: #FFFFFF; font-size: 0.9em;} /* 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 {font-size: 0.9em; height: 16px; padding: 1px; color: #333333} #regBodyContent .PaymentForm select { font-size: 1em} #regBodyContent .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; } #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: 555px;} #regBodyContent .BasketSummary .BasketSummaryTable {border: 1px solid #AFAFAF; padding: 0px; border-collapse: separate; margin: 1px; } #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader td { font-size: 1.1em; background-color: #012C69; 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 .BasketSummaryTable .CartPrice {font-size: 1.2em; font-weight: bold; color: #B77400;} #regBodyContent .BasketSummary .BasketSubtotal { width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px; font-size: 1.2em; 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-size: 1.2em; 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;font-size: 1.1em; 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.5em; 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; border-bottom: 1px solid #CCCCCC; 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: black; 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-size: 1.2em; 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-size: 1.2em; 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-size: 1.2em; 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-size: 1.2em; 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.5em;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: 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 .BrandThumbnailBrowse {} #regBodyContent .BrandThumbnailBrowse .Thumbnail {height: 150px; width: 120px} #regBodyContent .BrandThumbnailBrowse .Thumbnail .ThumbnailPhoto {border: 1px solid #aaaaaa; height:125px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center;} #regBodyContent .BrandThumbnailBrowse .Thumbnail .ThumbnailText {text-align: center; padding-top: 3px; height: 25px; } #regBodyContent .ProductThumbnailBrowse {} #regBodyContent .ProductThumbnailBrowse .Thumbnail {height: 210px; width: 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; font-weight: bold; display: inline; padding-top: 5px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: bold; color: #88a302;} #regBodyContent .BlogEntries .blogFooter .CommentSummary a.Highlight { color: #88a302; font-weight: bold;} #regBodyContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; } #regBodyContent .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogEntries a.Highlight { color: #034BB9} #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: 8px; clear: both; padding-top: 10px; border-bottom: 1px solid #BCCFE7;} #regBodyContent .BlogDetail .blogCategories { padding-top: 8px; color: #444444;padding-bottom: 15px;} #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;} #regBodyContent .BlogDetail .OtherRecentPosts .ListPosts ul { margin: 0px; padding: 0px} #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 #024B9E; background-color: #E4EBF5;} #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .CommentBy { color: black; padding-bottom: 5px; font-weight: bold; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .Comment { } #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"); } /* 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; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #regTopMenuBar .MenuLinks {width:725px; height:38px; position: relative; z-index: 200; float: left;} /* hack to correct IE5.5 faulty box model */ * html #regTopMenuBar .MenuLinks {width:525px; w\idth:525px;} /* remove all the bullets, borders and padding from the default list styling */ #regTopMenuBar .MenuLinks ul {float:left;padding:0;margin:0;list-style-type:none;} #regTopMenuBar .MenuLinks ul ul {width:120px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ #regTopMenuBar .MenuLinks li {float:left;width:120px;position:relative;} /* style the links for the top level */ #regTopMenuBar .MenuLinks a, #regTopMenuBar .MenuLinks a:visited { text-align: center; display:block;font-size:14px;text-decoration:none; color:#fff; width:120px; height:38px; border:0px solid #000; border-width:0px 0 0px 0px; background:#024B9E; padding-left:0px; line-height:38px; font-weight:bold;} /* a hack so that IE5.5 faulty box model is corrected */ * html #regTopMenuBar .MenuLinks a, * html #regTopMenuBar .MenuLinks a:visited {width:119px; w\idth:118px;} /* style the second level background #regTopMenuBar .MenuLinks ul ul a.drop, #regTopMenuBar .MenuLinks ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;} /* style the second level hover #regTopMenuBar .MenuLinks ul ul a.drop:hover{background:#e2dfa8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;} #regTopMenuBar .MenuLinks ul ul :hover > a.drop {background:#e2dfa8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}*/ /* style the third level background */ #regTopMenuBar .MenuLinks ul ul ul a, #regTopMenuBar .MenuLinks ul ul ul a:visited {background:#024B9E;text-decoration: underline;} /* style the third level hover */ #regTopMenuBar .MenuLinks ul ul ul a:hover {background:#024B9E;} /* hide the sub levels and give them a positon absolute so that they take up no room */ #regTopMenuBar .MenuLinks ul ul {visibility:hidden;position:absolute;height:0;top:38px;left:0; width:170px;border-top:0px solid #000;} /* another hack for IE5.5 */ * html #regTopMenuBar .MenuLinks ul ul {top:38px;t\op:39px;} /* position the third level flyout menu */ #regTopMenuBar .MenuLinks ul ul ul{left:170px; top:-1px; width:170px;} /* position the third level flyout menu for a left flyout */ #regTopMenuBar .MenuLinks ul ul ul.left {left:-170px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ #regTopMenuBar .MenuLinks table {position:absolute; top:0; left:0; border-collapse:collapse;} /* style the second level links */ #regTopMenuBar .MenuLinks ul ul a, #regTopMenuBar .MenuLinks ul ul a:visited { text-align: left; background:#024B9E; color:#FFFFFF; height:auto; line-height:1em; padding:8px 10px 8px 10px; width:170px; border-width:0 0px 0px 0px; font-size:14px;} /* yet another hack for IE5.5 */ * html #regTopMenuBar .MenuLinks ul ul a, * html #regTopMenuBar .MenuLinks ul ul a:visited {width:170px;w\idth:168px;} /* style the top level hover */ #regTopMenuBar .MenuLinks a:hover, #regTopMenuBar .MenuLinks ul ul a:hover{color:#FFFFFF; background:#024B9E; text-decoration: underline; } #regTopMenuBar .MenuLinks :hover > a, #regTopMenuBar .MenuLinks ul ul :hover > a {color:#FFFFFF; background:#024B9E;} /* make the second level visible when hover on first level list OR link */ #regTopMenuBar .MenuLinks ul li:hover ul, #regTopMenuBar .MenuLinks ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ #regTopMenuBar .MenuLinks ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ #regTopMenuBar .MenuLinks ul :hover ul :hover ul{ visibility:visible;}