/* 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: Helvetica, Arial, Sans-Serif; line-height: 1.2em; font-size: 1em; padding: 0px; margin: 0px; background-color: #F9F9F9; background-image: url(images/template/bg_gradient.jpg); background-repeat: repeat-x; } div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, th { margin:0; padding:0px; } table {border-collapse: collapse;} #page {margin: 0 auto; width:959px; border: 1px solid #CCCCCC; background-color: #FFFFFF } /* 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; margin: 0px; border: 0px solid red;} #regTopMenuBar .Logo {padding: 15px 3px 0px 23px; float: left;} #regTopMenuBar .Logo a { text-decoration: none; color: Gray;} #regTopMenuBar .MenuLinks2 { border-right: 2px solid #FFFFFF; float: left;padding: 0px 0px 0px 0px; } #regTopMenuBar .MenuLinks2 ul { display: inline; padding: 0px; margin: 0px;} #regTopMenuBar .MenuLinks2 ul li { display: inline; padding: 0px 10px 0px 10px;} #regTopMenuBar .MenuLinks2 a { height: 40px; padding: 0px 5px 0px 5px;} #regTopMenuBar .MenuLinks { float: left;padding: 0px;} #regTopMenuBar .MenuLinks ul {display: inline; padding: 0px; margin: 0px; } #regTopMenuBar .MenuLinks ul li { display: table-cell; border-right: 2px solid #FFFFFF; line-height: 40px; display: inline; padding: 23px 8px 23px 9px; margin: 0px; font-size: 0.9em;} #regTopMenuBar .MenuLinks a {color: #333333; font-weight: bold; text-decoration: none;height: 40px; text-transform: uppercase; padding: 0px 8px 23px 8px; } #regTopMenuBar .MenuLinks a:hover {color:#333399; text-decoration: none;} #regTopMenuBar .TopNavBG { float: left; background-image: url(images/template/topnav_bg_green.gif);background-repeat: repeat-x; width: 807px; padding: 0px; margin: 0px; border: 0px solid green; margin-top: 60px;} .regTopImage { clear: both; border: 0px solid blue; padding: 0px; margin: 0px; width: 959px; height:328px; } /* Region: FOOTER */ #regFooter { line-height: 1.1em; clear:both; font-size: .8em; background-color: #666666; padding: 8px 20px 8px 20px; height: 52px; color: #FFFFFF} #regFooter a {color: #FFFFFF; font-weight: normal; text-decoration: underline;} #regFooter a:hover {text-decoration: underline;} #regFooter .Copyright { float: right;padding-bottom: 4px; clear: right } #regFooter .Address { float: left; line-height: 1.35em; } #regFooter .DesignedBy { float: right;clear: right; padding-bottom: 4px; } /* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */ #regMainContent {clear:both; background-color: #ffffff; background-repeat: no-repeat; min-height: 366px; margin: 0px;} #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 { display: none; float: left; font-size: 1em; color: #44749D; width: 160px; background-color: yellow; padding: 0px 2px 5px 2px; } #regLeftMenu a {color: black; text-decoration: none;} #regLeftMenu h2 {font-size: .85em; font-weight: bold; color: white; padding: 2px 5px 2px 2px; background-color:#44749D; margin-top: 3px; } #regLeftMenu .MenuItem { font-size: .85em; background-color: #CBDAE6; margin: 0px 0px 1px 0px; padding: 2px 0px 2px 3px; } #regLeftMenu .MenuItem A { color:black; font-weight: normal; text-decoration: none;} #regLeftMenu .MenuItem A:hover {text-decoration: underline;} #regLeftMenu .subMenuItem { font-size: .8em; margin: 0px 0px 1px 0px; padding: 2px 4px 2px 8px; border-bottom: 1px solid #CBDAE6} #regLeftMenu .subMenuItem A { color:black; font-weight: normal; text-decoration: none; } #regLeftMenu .subMenuItem A:hover {text-decoration: underline; } #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; font-size: 1.2em; padding: 5px; text-align: center; background-color: Red; color: White;} /* Region: Right hand menu/column */ #regRightHandColumn {float: right; font-size: 1em; color: #333333; width: 160px; background-color: yellow; padding: 0px 2px 5px 2px; border-left: 1px solid #44749D; border-right: 1px solid #44749D; } #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; border: 0px solid #333333; } #regRightHandColumn .menuItemsBox .Header { } #regRightHandColumn .menuItemsBox .Middle {padding: 0px 2px 0px 2px} #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;} /* 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 { background-color: #FFFFFF; float: left; font-size: .85em; padding: 15px 20px 15px 20px} #regBodyContent h1 {margin-top: 0px; margin-bottom: 0px; font-size: 1.2em; font-weight: bold; background-color: #666666; color: #D5DF3E; padding: 5px 5px 5px 15px; text-transform: uppercase} #regBodyContent h2 {margin-top: 3px; margin-bottom: 15px; font-size: 1.2em; font-weight: bold; color: #000000; border-bottom: 1px solid #000000; padding: 4px 5px 4px 0px; text-transform: uppercase} #regBodyContent h3 {margin-top: 8px; margin-bottom: 3px; font-size: 1.2em; font-weight: bold; color: #333399;} #regBodyContent h4 {margin-top: 8px; margin-bottom: 3px; font-size: 1.2em; font-weight: bold; color: #333399;} #regBodyContent a {text-decoration: underline; font-weight: bold; color: #333399;} #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 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 .NewsItem { clear: both;margin-right: 5px; margin-left: 5px;padding-top: 10px; padding-bottom: 12px; border-bottom: 0px solid #65676A; } #regBodyContent .Title { padding-bottom: 2px;} #regBodyContent .Date { padding-bottom: 2px; color: #333399; font-weight: bold;} #regBodyContent .Title a { text-decoration: none;font-weight: bold; color: #000000;} #regBodyContent .Title a:hover { text-decoration: underline} #regBodyContent .Overview {padding-bottom: 2px; } #regBodyContent .Overview a { color: #000000; text-decoration: none;} #regBodyContent .Overview a:hover { text-decoration: underline;} #regBodyContent .ReadMore {padding-bottom: 4px; text-align: right; } #regBodyContent .HomePageCol1 {background-color: #FFFFFF; width: 430px; margin-right: 15px; float: left; padding: 0px 10px 10px 10px; border: 0px solid red; } #regBodyContent .HomePageCol2 {background-color: #F5F5F5;width: 430px; margin-top: 30px;float: left; padding: 10px; border: 0px solid red;} #regBodyContent .HomePageCol2 a img { border: 0px;} #regBodyContent .HomePageCol2 .Row1 { clear: both;} #regBodyContent .HomePageCol2 .Row1 .col1 { float: left; padding-right: 7px;} #regBodyContent .HomePageCol2 .Row1 .col2 { float: left;} #regBodyContent .HomePageCol2 .Row2 { clear: both; padding-top: 6px; margin-bottom: 6px; text-align: center;} #regBodyContent .HomePageCol2 .Row3 { clear: both;} #regBodyContent .HomePageCol2 .Row3 .col1 { float: left; padding-right: 7px;} #regBodyContent .HomePageCol2 .Row3 .col2 { float: left;} #regBodyContent .HomePageCol3 {background-color: #F5F5F5;width: 440px;float: left; font-size: 0.9em;line-height: 1.3em; } #regBodyContent .HomePageCol3 .Row1 { padding: 5px 10px 8px 10px;} #regBodyContent .Header { text-align: right; background-color: #65676A} #regBodyContent .OurServicesCol1 { background-color: #F5F5F5; margin-right: 15px; float: left; padding: 15px; } #regBodyContent .OurServicesCol2 {width: 550px; float: left; padding: 15px; border: 0px solid red; display: none;} #regBodyContent .OurServices {background-color: #F5F5F5; padding: 15px;} #regBodyContent .News {padding: 0px 15px 10px 15px; border: 0px solid red;width: 910px } #regBodyContent .NewsEntries {background-color: #F5F5F5; padding: 10px;} #regBodyContent .Clear {background-color: #F5F5F5; float: left; margin-left: 15px; width: 530px;} #regBodyContent .ClearFull { width: 910px;} #regBodyContent .OurServicesTab { background-color: #D5DF3E; width: 330px; padding: 9px 15px 5px 20px; height: 22px; margin-bottom: 9px; background-image: url(images/template/bullet_curve_left.png); background-repeat: no-repeat; } #regBodyContent .OurServicesTab a { text-decoration: none; color: #000000; font-size: 1.2em; font-weight: bold;} #regBodyContent .OurServicesTab:Hover { background-color: #666666;} #regBodyContent .OurServicesTab:Hover a { color: #FFFFFF;} #regBodyContent .OurServicesTab a:Hover { color: #FFFFFF;} #regBodyContent .ProjectProfilesCol1 { width: 310px; margin-right: 15px; height: 280px; float: left; padding: 5px; overflow: auto; } #regBodyContent .ProjectProfilesCol2 {width: 310px;float: left; padding: 5px 10px 5px 10px; overflow: auto; border: 0px solid red} #regBodyContent .ProjectProfile { clear: both; margin-bottom: 5px; border-bottom: 1px solid #333333; margin-right: 10px; height: 120px;} #regBodyContent .ProjectProfile .Image { float: left; width:130px; height: 90px; line-height: 90px; display: table-cell; margin-right: 10px; text-align: center; vertical-align: middle; margin-bottom: 5px;} #regBodyContent .ProjectProfile .ProjectName { padding-bottom: 3px;} #regBodyContent .ProjectProfile .ProjectName a{ font-size: 1em; font-weight: bold; text-decoration: none; color: #491992} #regBodyContent .ProjectProfile .Service { padding-bottom: 5px;font-size: 1.1em;} #regBodyContent .ProjectProfile .ReadMore a{ font-weight: bold; color: #491992} #regBodyContent .TestimonialsCol1 { width: 518px; margin-right: 15px; height: 169px; float: left; padding: 5px; overflow: auto; } #regBodyContent .TestimonialsCol2 {width: 346px; height: 169px; float: left; padding: 5px; overflow: auto; } #regBodyContent .TestimonialsCol3 { width: 890px; margin-top: 15px; height: 130px; float: left; padding: 5px; overflow: auto; clear: both; } #regBodyContent .OurPeopleMenu {width:330px; float: left; margin-right: 15px; height: 324px;} #regBodyContent .OurPeopleMenu .Item { background-image: url(images/template/bullet_curve_left.png); background-repeat: no-repeat; background-position: 0px 5px; background-color: #D5DF3E; padding: 5px 15px 5px 20px; margin-bottom: 5px; color: #000000; font-size: 1.1em;font-weight: bold;} #regBodyContent .OurPeopleMenu .Item a {text-decoration: none; color: #000000; font-size: 1.2em; font-weight: bold;} #regBodyContent .OurPeopleMenu .Item:Hover { background-color: #666666; color: #FFFFFF;} #regBodyContent .OurPeopleMenu .Item:Hover a { color: #FFFFFF;} #regBodyContent .OurPeopleMenu .Item a:Hover {color: #FFFFFF; text-decoration: underline} #regBodyContent .OurPeople { background-color: #F5F5F5; width: 530px; float: left; padding: 5px 15px 5px 15px; } #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: #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; 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; } /* 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;} /* News related styles... */ #regBodyContent .NewsEntries { padding: 10px 15px 0px 15px} #regBodyContent .NewsEntries .NewsListWrapper { border-bottom: 1px solid #333333; padding-bottom: 5px; margin-bottom: 5px; clear: both; width: 410px; height: 190px; margin-right: 20px;} #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-bottom: 5px; line-height: 1.2em; height: 58px;} #regBodyContent .NewsEntries .NewsListWrapper .NewsArticleTitle a {font-size: 1em; font-weight: bold; text-decoration: none; color: #000000} #regBodyContent .NewsEntries .NewsListWrapper .NewsArticleTitle a:hover { text-decoration: underline;} #regBodyContent .NewsEntries .NewsListWrapper .NewsDateFiled {color: #333399; padding-top: 2px; padding-bottom: 2px; font-weight: bold;} #regBodyContent .NewsEntries .NewsListWrapper .NewsContent { padding-bottom: 10px; height: 55px;} #regBodyContent .NewsEntries .NewsListWrapper .NewsMoreDetailsLink { text-align: right; padding-top: 5px; clear: both;} #regBodyContent .NewsEntries .NewsListWrapper .NewsMoreDetailsLink a { text-decoration: none; border-bottom: 1px dotted #02386F;} #regBodyContent .NewsEntries .NewsListWrapper .NewsFooter {padding-bottom: 5px; } #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; display: none; } #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 { padding: 5px 10px 5px 10px;} #regBodyContent .NewsDetail .NewsArticleTitle {font-size: 1.2em; font-weight: bold;} #regBodyContent .NewsDetail .NewsDateFiled {color: #333333; font-weight: bold; padding-top: 2px; padding-bottom: 0px; text-align: left;} #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 #333333; } #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; }