/* set defaults - font and take padding off tables so it doesn't have to be defined for each tag. A better option is to explicitly use padding if you need it. Font sizes all relative to the "body" tag below and by using "em" it means if the user increases the font size on the browser (DDA compliance) then the sizes increase on the site in proportion too. #1A3C6B - page background #335F9A - header #5B7DA8 - left hand column #335F9A - footer */ body { font-family: Arial; font-size: 0.85em; background-color: #A7A7A7; background-image:url(images/template/page_bg.gif); background-repeat:repeat-x;} body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td { margin:0; padding:0; } a img { border:0px; } /* this sets the overall width of the template so that we don't have to define it all the way through - plus it centres it */ #page {margin: 0 auto; width:976px; } /* Region: HEADER / TOP MENU */ #HeaderBar {width:976px; height:195px; background-image:url(images/template/header_bg.png);} #HeaderBar .Logo {position:relative; top:18px; left:15px;} #Topmenu {float:right; position:relative; top:8px; right:8px;} #Topmenu .MenuItem {background-image:url(images/template/tab_bg.png); padding-top:3px;} #Topmenu .MenuItem A { color:#000000; font-size:.75em; text-decoration:none; } #Topmenu .MenuItem A:hover { text-decoration:unterline; color:#D9261C; } /* Region: FOOTER */ #regFooter { background-image: url(images/template/footer.png); background-repeat: no-repeat; width: 976px; height:77px;} #regFooter A {color: #FFFFFF; font-weight: normal; text-decoration: none;} #regFooter A:hover {text-decoration: underline;} #Footer2 {width: 976px; color:#ffffff; font-size:.8em;} #Footer2 A {color: #FFFFFF; font-weight: normal; text-decoration: none;} #Footer2 A:hover {text-decoration: underline;} /* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */ #regMainContent {width: 974px; border-right:solid 1px #9D9D9D; border-left:solid 1px #9D9D9D; background-color:#ffffff; overflow:hidden; vertical-align:top;} #regLeftMenu {font-size: 1.1em; vertical-align:top; width: 203px; float:left; } #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 .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: Tahoma, Arial; text-align:left;} #regLeftMenu .MenuItem { font-size: .95em; 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; } #rightcolumn .rhsNewsHeading {padding-top: 10px;} #rightcolumn .rhsNewsHeading A {color: #885a99; font-weight:bold; font-size:.85em; text-decoration: none; } #rightcolumn .rhsNewsBody {color: #1e1e1e; font-size:.85em; text-decoration: none;} #rightcolumn .rhsNewsBody:hover {color: #555555; font-size:.85em; text-decoration: none;} /* set the 750px width below to be the width (920 - left hand menu width).. */ #regBodyContent {vertical-align:top; padding-left:22px; padding-right:32px; width: 690px; float:right; padding-bottom: 25px; color:#000000; font-size: .8em} #regBodyContent h1 {margin-top: 15px; margin-bottom: 5px; font-size: 1.45em; font-weight: normal; color: #781F1A;} #regBodyContent h2 {margin-top: 6px; margin-bottom: 3px; font-size: 1.2em; font-weight: bold; color: #DD011C;} #regBodyContent h3 { margin-bottom: 3px; font-size: 1.15em; font-weight: bold; color: #DD011C;} #regBodyContent select {font-size: 0.95em; margin-left: 5px; padding-left: 2px;} #regBodyContent input {font-size: 0.95em; margin-left: 5px; padding-left: 2px;} #regBodyContent a {text-decoration: underline; font-weight: bold; color: #DD011C; } #regBodyContent .MessageToUser {font-weight: bold; color: red; padding-top: 5px; padding-bottom: 10px} #regBodyContent .breadcrumbtrail {padding-top:5px; padding-bottom:10px} #regBodyContent .breadcrumbtrail A {color: #F8A261} #regBodyContent .highlight {background-color:Yellow} /* put table cells for the main body content to have a 1px padding by default */ #regBodyContent table td {padding: 1px 1px 1px 1px} /* Button styles */ #regBodyContent .button {font-weight: bold; font-size: 0.9em; color: #000000; background-color: #CDCFD1; border: 2px solid #DD011C; } #regBodyContent .CancelButton {font-weight: normal; color: Red;} /* datagrid styles */ #regBodyContent .datagridHeader {background-color: #cccccc;font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;} #regBodyContent .datagridItem {background-color: #efefef; border-bottom: 1px solid #666666} #regBodyContent .datagridAlternatingItem {background-color: #ffffff; border-bottom: 1px solid #666666} /* Payment/checkout/myaccount order history page styles */ .PaymentForm { margin-top:8px; width: 90%;} .PaymentForm .heading {width: 140px} .PaymentForm input, textarea {font-size: 1em;} .PaymentFormHeading { font-weight: bold; color: Navy; margin-top: 10px} .PaymentSecureSeal { text-align:center; margin-top: 10px; } /* these styles are used on the view shopping basket page... */ .BasketSummary { width: 475px;} .BasketSummary .BasketSummaryTable {width: 100%; border-collapse: collapse; } .BasketSummary .BasketSummaryTable .BasketSummaryHeader { background-color: black; color: White; font-weight: bold;} .BasketSummary .BasketSummaryTable .BasketSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} .BasketSummary .BasketSummaryTable .BasketItemQuantity {width: 20px; text-align:center; font-size: 1em; margin-left: 25px;} .BasketSummary .BasketSubtotal { width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} .BasketSummary .BasketDelivery { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} .BasketSummary .BasketDelivery select {font-size: 1.05em; margin-left: 5px;} .BasketSummary .BasketDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} .BasketSummary .BasketVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;} .BasketSummary .BasketGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.1em; margin-bottom: 15px; padding: 3px 0px 3px 0px;} .BasketSummary .BasketButtons {width: 100%} .BasketSummary .BasketButtons .UpdateQuantity {color: Navy; font-weight: bold; font-size: 1em; width:95px} .BasketSummary .BasketButtons .Checkout {color: DarkGreen; font-weight: bold; font-size: 1em; width:83px} .BasketSummary .ApplyDiscountCode {color: DarkGreen; font-weight: bold; font-size: 1em; width:65px} .BasketSummary .CartRemove { background-color: #FFFFFF;font-weight: bold; color: #000000; border: 0px} .BasketSummary .CartRemove:Hover { text-decoration: none;} /* these styles are used on the final checkout page... */ .PaymentSummary { width: 475px;} .PaymentSummary .PaymentSummaryTable {width: 100%; } .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader { background-color: #CDCFD1; color: #000000; border-bottom: 3px solid #DD011D; font-weight: bold;} .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem { border-bottom: 1px solid gray; padding-top: 3px; padding-bottom: 3px;} .PaymentSummary .PaymentSubtotal { width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} .PaymentSummary .PaymentDelivery { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} .PaymentSummary .PaymentDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} .PaymentSummary .PaymentVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;} .PaymentSummary .PaymentGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.2em; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px;} .ProductPhotos {margin-right: 10px; width:300px; } .ProductPhotos .MainPhoto {text-align:center; border: 1px solid black; height: 300px;} .ProductPhotos .ThumbnailCaption {font-weight:normal; text-align:center; color: #777777; padding: 5px 0px 5px 0px;} .ProductPhotos .ThumbnailPhoto { border: 1px solid #aaaaaa; height:90px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center;} .ProductSKUsTable .ProductSKUsHeader { background-color: black; color: White; font-weight: bold;} .ProductSKUsTable .ProductSKUsItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} .ProductSKUsTable .ProductSKUsItem .buyNow {color: Red; font-weight: bold; font-size: .8em;} .ProductThumbnailBrowse {} .ProductThumbnailBrowse .Thumbnail {height: 190px; width: 150px} .ProductThumbnailBrowse .Thumbnail .ThumbnailPhoto {border: 1px solid #aaaaaa; height:150px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center;} .ProductThumbnailBrowse .Thumbnail .ThumbnailProductName {text-align: center; padding-top: 3px; height: 40px; } #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: 250px; display: inline; color: gray; padding-top: 5px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;} #regBodyContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; } #regBodyContent .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;} #regBodyContent .BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .BlogDetail .blogContent { padding-bottom: 5px;} #regBodyContent .BlogDetail .blogFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #regBodyContent .BlogDetail .blogNoEntry {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .SocialNetworking {padding-top: 0px; text-align: right} #regBodyContent .BlogDetail .OtherRecentPosts {padding-top: 0px; padding-bottom: 5px;} #regBodyContent .BlogDetail .OtherRecentPosts .ListPosts {margin-left: 20px; padding-bottom: 3px;} #regBodyContent .BlogDetail .Comments {padding-top: 0px;} #regBodyContent .BlogDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;} #regBodyContent .BlogDetail .Comments .ListComments {margin-left: 0px; padding-bottom: 5px;} #regBodyContent .BlogDetail .Comments .ListComments .SpecificPost {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #eaeaea;} #regBodyContent .BlogDetail .Comments .ListComments .SpecificPost .CommentBy {color: black; padding-bottom: 5px; } #regBodyContent .BlogDetail .Comments .ListComments .SpecificPost .Comment { } #regBodyContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply {background-color: lightyellow; } #regBodyContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyComment { } #regBodyContent .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; } #menu{ position:relative; left:0.5em; width:203px; margin-bottom:20px; background-image:url(images/template/leftmenu_bg.png); /* To allow room for bottom dropdown */} #menu a{ font:bold 14px Tahoma,arial,helvetica,sans-serif; display:block; border-width:0px; white-space:nowrap; margin:0; padding-bottom: 6px; padding-top: 2px; padding-left: 16px; color:#FFFFFF; text-decoration:none; } #menu a:hover{ color:#D9261C; } #menu a:active{ color:#FFFFFF; } #menu ul{ list-style:none; margin:0; padding:0; width:100%; } /* Requirement: Put the element selector name (div) onto non anchor hover selectors to force IE5 and 5.5 to correctly apply the csshover file. */ div#menu li, div#menu li:hover{ position:relative; } div#menu li ul{ position:absolute; top:0; left:100.1%; display:none; background-color:#781F1A; } div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul {display:none; background-color:#781F1A} div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display:block; background-color:#781F1A} /* Holly Hack for IE \*/ * html .suckerdiv ul { margin:0px; padding:0px;} * html .suckerdiv ul li { z-index:40; float: left; height: 1%; padding:0px; margin:0px;} * html .suckerdiv ul li a { height: 1%; } /*url(images/expand3.gif) no-repeat bottom right;*/ #menu a.x:hover{ color:#D9261C;} #menu a.x:active{ color:#D9261C; } .suckerdiv ul {padding:0px; margin:0px;} .suckerdiv ul li {background-image:url(images/template/leftmenu_spacer2.png); background-position:bottom; background-repeat:no-repeat; } /* Begin Content Area */ #content{margin:0 0 0 10em;padding:0.5em;border:1px solid #000;} #content a:link{color:#a00;} #content a:visited{color:#a00;} #content a:hover{color:#a00;background:#eee;} #content a:active{color:#060;background:#ddd;} #content h1, #content h2, #content h3{font:bold 1.0em Tahoma,arial,sans-serif;margin:0.5em 0.25em;padding:0;} #content img{border:none;} #content p{font:normal 0.9em/1.5em verdana,sans-serif;margin:1.0em;} #content ul, #content ul ul{font:normal 0.9em/1.4em Tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;} #content ul li{font:normal 0.9em/1.4em Tahoma,arial,sans-serif;margin:1.0em 0;} #content ul ul li{font:normal 1.1em/1.6em Tahoma,arial,sans-serif;margin:0;} #content .fr{float:right;margin:0 0 1.0em 1.0em;} #content .mod{font:normal .7em Tahoma,arial,sans-serif;margin:.25em;} div.vv{position:relative;top:0;float:right;margin:0 0 15px 15px;} /* End Content Area */ /* End */ #regFooter .programmecommitee { padding-right: 5px; text-align:center; padding-left: 210px; padding-bottom: 8px; padding-top: 15px; color: #000000;} .smalltext { font-size: 10px;} body { behavior: url(csshover2.htc); font-size: 100%; } #menu ul li {float: left; width: 100%;} #menu ul li a {height: 1%;} #menu a, #menu h2 { font: bold 0.7em/1.4em arial, helvetica, sans-serif; }