html {
height:100%;
}
/*html, body {
height:auto !important; *//* FF and compliant browsers should automatically size the body/html */
/*height:100%; *//* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
/*min-height:100%; *//* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
/*}*/
body {
text-align:center;
font-size:86%;
background-color:#fff;
width:100%;
margin:0px;
min-height:100%;
height:auto;
background:url(/images/bg_gradient.jpg) repeat-y #fff;
background-position:center;
}
body, input, textarea, select,table {
color:#000;
font-family:arial, verdana, helvetica, sans-serif;
}
a,a:link,a:visited,a:active {
color:#E98300;
text-decoration:none;
font-size:77%;
}
a:hover {
color:#666;
text-decoration:none;
}
form {
margin:0px;
}
img {
border:0px;
}
input,select {
line-height:16px;
padding:0px;
}
input.searchBoxInput, input.basic {
border:0px;
width:124px;
height:15px;
margin-left:6px;
background-color:#F8DAB3;
font-size:85%;
float:left;
}
input.searchBoxSubmit {
width:31px;
height:15px;
background:url(/images/btn_go_black.gif);
border:0px;
font-size:80%;
cursor:pointer;
float:left;
}
textarea {
width:280px;
height:90px;
overflow:hidden;
font-size:100%;
}
table {
font-size:100%;
margin-bottom:10px;
}
th {
text-align:left;
}
td {
padding-right:30px;
padding-top:2px;
padding-bottom:2px;
}
h1 {
margin-top:1px;
margin-bottom:3px;
color:#999;
font-size:110%;
font-weight:normal;
}
h2 {
font-size:110%;
color:#E98300;
margin:0px;
margin-top:5px;
margin-bottom:0px;
padding:0px;
font-weight:normal;
}
h3 {
font-size:100%;
color:#333;
margin-bottom:2px;
margin-top:2px;
}
h4 {
font-size:100%;
color:#6D6D6D;
padding-bottom:0.5em;
margin-bottom:1em;
margin-top:2px;
background: url(/images/horizontal_line_234.gif) bottom left no-repeat;
}
.sidePromotion H4 {
background: none;
}
h5 {
margin-top:1px;
margin-bottom:3px;
color:#999;
font-size:110%;
font-weight:normal;
}
#mainContentAreaLeftTextWide h3,#mainContentAreaLeftText h3,.searchResultsHeader h3 {
font-weight:normal;
}
#mainContentAreaLeftText h4 {
font-weight:bold;
margin-top:13px;
margin-bottom:13px;
color:#000;
font-size:110%;
}
.individualFeature h2 {
color:#333;
margin-top:0px;
margin-bottom:3px;
}
p {
margin-top:3px;
margin-bottom:8px;
}
a.slideshow,a.slideshow:active,a.slideshow:visited,a.slideshow:link {
color:#fff;
font-size:100%;
font-weight:bold;
}
a.slideshow:hover {
color:#ED9C33;
}
.slideshowcaption {
position:absolute;
width:260px;
margin-top:340px;
margin-left:400px;
color:#fff;
font-size:90%;
text-align:right;
filter: Alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
padding-left:5px;
padding-right:10px;
}
#wrapper {
width:984px;
/* background:url(/images/bg_gradient.jpg) repeat-y #fff;*/
margin:0px auto 0px auto;
text-align:left;
/*background-color:#fffef6;*/
height:100%;
min-height:100%;
}
#wrapperInner {
margin-left:27px;
margin-right:37px;
width:927px;
}
.clearFloats {
clear:both;
height:0;
line-height:0;
font-size:0;
}
#logo {
float:left;
width:132px;
margin-top:12px;
}
#topMenuLanguage {
float:right;
width:795px;
text-align:right;
}
/* ###################### top menu ###################### */
#topMenu {
height:45px;
margin-top:8px;
display:none;
}
#topMenu ul {
list-style-type:none;
padding:0px;
margin:0px;
font-size:80%;
}
#topMenu ul li {
background-image:url(/images/icon_sq_grey.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:0.4em;
margin-left:0.6em;
display:inline;
}
/*change top menu icon : activemenu1 to activemenu6 is the class */
.activemenu1 #topMenu ul li#menu1,.activemenu2 #topMenu ul li#menu2,.activemenu3 #topMenu ul li#menu3,.activemenu4 #topMenu ul li#menu4,.activemenu5 #topMenu ul li#menu5,.activemenu6 #topMenu ul li#menu6 {
background-image:url(/images/icon_sq_darkgrey.gif);
}
#topMenu a,#topMenu a:link, #topMenu a:active, #topMenu a:visited {
color:#E98300;
font-size:90%;
font-family:arial;
text-decoration:none;
padding-left:5px;
}
#topMenu a:hover {
color:#666;
}
/* change the top menu active text colour - this is grey and activemenu1 to activemenu2 is the class */
.activemenu1 #topMenu ul li#menu1 a,.activemenu2 #topMenu ul li#menu2 a,.activemenu3 #topMenu ul li#menu3 a,.activemenu4 #topMenu ul li#menu4 a,.activemenu5 #topMenu ul li#menu5 a,.activemenu6 #topMenu ul li#menu6 a {
color:#666;
}
/* ###################### end top menu ###################### */
/* ###################### language menu ###################### */
#language {
margin-top:8px;
padding-bottom:8px;
height: 20px !important;
}
#language ul {
list-style-type:none;
padding:0px;
margin:0px;
}
#language ul li {
display:inline;
color:#ccccce;
direction:ltr;
}
#language a,#language a:link, #language a:active, #language a:visited {
color:#ccccce;
}
#language li.langOn a:link,#language li.langOn a:active,#language li.langOn a:visited {
color:#666;
}
#language li a:hover {
color:#666;
}
#langArabic {
font-size:200%;
line-height:0.5em;
}
/* ###################### end language menu ###################### */
/* ###################### primary menu ###################### */
#primaryNav {
width:675px;
height:19px;
background:url(/images/menu_bg.gif) no-repeat;
}
#primaryNav ul {
list-style-type:none;
padding:0px;
margin:0px;
font-size:1.9em;
_font-size:0.1em;
}
#primaryNav ul li {
float:left;
margin:0px;
padding:0px;
margin-left:2px;
color:#ccccce;
line-height:12px;
}
#primaryNav li#pnav1 { /* no margin left on the first primary nav item */
margin-left:0px;
}
#pnav1 a,#pnav1 a:link,#pnav1 a:active,#pnav1 a:visited {
background:url(/images/primarynav1.gif) no-repeat;
width:132px;
}
#pnav1 a:hover, body#section1 #pnav1 a {/* highlight primary nav 1 */
background:url(/images/primarynav1_on.gif) no-repeat;
width:132px;
}
#pnav2 a,#pnav2 a:link,#pnav2 a:active,#pnav2 a:visited {
background:url(/images/primarynav2.gif) no-repeat;
width:134px;
}
#pnav2 a:hover, body#section2 #pnav2 a {/* highlight primary nav 2 */
background:url(/images/primarynav2_on.gif) no-repeat;
width:134px;
}
#pnav3 a,#pnav3 a:link,#pnav3 a:active,#pnav3 a:visited {
background:url(/images/primarynav3.gif) no-repeat;
width:133px;
}
#pnav3 a:hover, body#section3 #pnav3 a {/* highlight primary nav 3 */
background:url(/images/primarynav3_on.gif) no-repeat;
width:133px;
}
#pnav4 a,#pnav4 a:link,#pnav4 a:active,#pnav4 a:visited {
background:url(/images/primarynav4.gif) no-repeat;
width:135px;
}
#pnav4 a:hover, body#section4 #pnav4 a {/* highlight primary nav 4 */
background:url(/images/primarynav4_on.gif) no-repeat;
width:135px;
}
#pnav5 a,#pnav5 a:link,#pnav5 a:active,#pnav5 a:visited {
background:url(/images/primarynav5.gif) no-repeat;
width:133px;
}
#pnav5 a:hover, body#section5 #pnav5 a {/* highlight primary nav 5 */
background:url(/images/primarynav5_on.gif) no-repeat;
width:133px;
}
/* ###################### end primary menu ###################### */
#content {
padding-top:12px;
}
#contentLeft {
float:left;
width:675px;
font-size:97%;
}
#contentRight {
float:right;
text-align:left;
width:246px;
}
#contentLeftWide {
float:left;
width:927px;
font-size:97%;
}
#contentRightPadding {
margin:6px;
margin-top:0px;
}
#mainContentArea {
width:703px;
float:right;
color:#666;
}
#mainContentArea a {
font-size:80%;
}
#mainContentAreaWide {
width: 772px !important;
/*width: 775px;*/
float:right;
margin-right:5px;
/*margin-right:0px !important;*/
background: url(/images/contentWideTop.gif) top left no-repeat #FAF5E3;
}
#mainContentAreaWideLeft {
float:left;
width: 523px !important;
/*width: 535px;*/
background-color: #FAF5E3;
height:auto;
padding-left:7px;
padding-top:7px;
}
#mainContentAreaWideRight {
float:left;
background-color: #FAF5E3;
height:auto;
margin-top:7px;
}
#viewMap {
margin-top:110px;
margin-left:20px;
}
#viewMapLarge {
margin-top:10px;
margin-left:1px;
}
#viewMapZones {
float:left;
width:180px;
}
#mainContentAreaLeftText {
float:left;
width:505px;
margin-top:0px;
}
#mainContentAreaLeftTextWide {
float:left;
width:505px;
margin-top:0px;
}
#mainContentAreaLeftThumbs,#mainContentAreaLeftThumbsWide {
float:right;
/* width:109px;*/
margin-top:12px;
text-align:right;
}
#mainContentAreaLeftThumbsWide2 {
float:right;
/* width:109px;*/
margin-top:57px;
text-align:right;
}
#mainContentAreaLeftThumbs img,#mainContentAreaLeftThumbsWide2 img {
margin-bottom:1px;
}
#mainContentAreaLeftThumbsWide img {
margin-bottom:6px;
}
#largeImage {
margin-bottom:15px;
}
#leftMenu {
float:left;
width:1px;
display:none;
}
#leftMenu ul, #leftMenuInMain UL {
list-style:none;
padding:0px;
margin:0px;
margin-bottom:12px;
font-size:80%;
width:140px;
}
#leftMenu li {
color:#e98300;
font-size:100%;
font-weight:bold;
line-height:120%;
}
#leftMenu li a,#leftMenu li a:active,#leftMenu li a:link,#leftMenu li a:visited, #leftMenuInMain li a,#leftMenuInMain li a:active,#leftMenuInMain li a:link,#leftMenuInMain li a:visited {
color:#666;
font-size:100%;
font-weight:normal;
}
#leftMenu li a:hover {
color:#000;
}
#section0 #leftMenu ul li.leftArrowLink a, #section0 #leftMenu ul li.leftArrowLink a:active, #section0 #leftMenu ul li.leftArrowLink a:link, #section0 #leftMenu ul li.leftArrowLink a:visited, #section1 #leftMenu ul li.leftArrowLink a,#section1 #leftMenu ul li.leftArrowLink a:active,#section1 #leftMenu ul li.leftArrowLink a:link,#section1 #leftMenu ul li.leftArrowLink a:visited {
color:#e98300;
background:url(/images/arrow_orange_left.gif) no-repeat left;
padding-left:10px;
}
#section2 #leftMenu ul li.leftArrowLink a,#section2 #leftMenu ul li.leftArrowLink a:active,#section2 #leftMenu ul li.leftArrowLink a:link,#section2 #leftMenu ul li.leftArrowLink a:visited {
color:#55601c;
background:url(/images/arrow_green_left.gif) no-repeat left;
padding-left:10px;
}
#section3 #leftMenu ul li.leftArrowLink a,#section3 #leftMenu ul li.leftArrowLink a:active,#section3 #leftMenu ul li.leftArrowLink a:link,#section3 #leftMenu ul li.leftArrowLink a:visited {
color:#005172;
background:url(/images/arrow_blue_left.gif) no-repeat left;
padding-left:10px;
}
#section4 #leftMenu ul li.leftArrowLink a,#section4 #leftMenu ul li.leftArrowLink a:active,#section4 #leftMenu ul li.leftArrowLink a:link,#section4 #leftMenu ul li.leftArrowLink a:visited {
color:#633366;
background:url(/images/arrow_purple_left.gif) no-repeat left;
padding-left:10px;
}
#section5 #leftMenu ul li.leftArrowLink a,#section5 #leftMenu ul li.leftArrowLink a:active,#section5 #leftMenu ul li.leftArrowLink a:link,#section5 #leftMenu ul li.leftArrowLink a:visited {
color:#7c2348;
background:url(/images/arrow_pink_left.gif) no-repeat left;
padding-left:10px;
}
#leftMenu ul li.leftArrowLink a:hover {
color:#000;
}
#leftMenuLogo {
background:url(/images/logo_khan_murjan.gif) no-repeat;
width:137px;
height:100px;
margin-bottom:10px;
}
#leftMenu ul.newsletterMenu {
margin-bottom:3px;
}
#leftMenuInMain {
float:left;
}
#leftMenuInMain UL {
width:210px;
}
#leftMenuInMain UL LI {
width:210px;
margin-bottom:3px;
}
#section0 #leftMenuInMain UL LI A, #section0 #leftMenuInMain UL LI A:link, #section0 #leftMenuInMain UL LI A:active, #section0 #leftMenuInMain UL LI A:visited, #section0 #leftMenuInMain UL LI A:hover, #section1 #leftMenuInMain UL LI A, #section1 #leftMenuInMain UL LI A:link, #section1 #leftMenuInMain UL LI A:active, #section1 #leftMenuInMain UL LI A:visited, #section1 #leftMenuInMain UL LI A:hover, #section2 #leftMenuInMain UL LI A, #section2 #leftMenuInMain UL LI A:link, #section2 #leftMenuInMain UL LI A:active, #section2 #leftMenuInMain UL LI A:visited, #section2 #leftMenuInMain UL LI A:hover, #section3 #leftMenuInMain UL LI A, #section3 #leftMenuInMain UL LI A:link, #section3 #leftMenuInMain UL LI A:active, #section3 #leftMenuInMain UL LI A:visited, #section3 #leftMenuInMain UL LI A:hover, #section4 #leftMenuInMain UL LI A, #section4 #leftMenuInMain UL LI A:link, #section4 #leftMenuInMain UL LI A:active, #section4 #leftMenuInMain UL LI A:visited, #section4 #leftMenuInMain UL LI A:hover, #section5 #leftMenuInMain UL LI A, #section5 #leftMenuInMain UL LI A:link, #section5 #leftMenuInMain UL LI A:active, #section5 #leftMenuInMain UL LI A:visited, #section5 #leftMenuInMain UL LI A:hover {
color:#666;
}
#section1 #leftMenuInMain UL LI A:hover, #section2 #leftMenuInMain UL LI A:hover, #section3 #leftMenuInMain UL LI A:hover, #section4 #leftMenuInMain UL LI A:hover, #section5 #leftMenuInMain UL LI A:hover {
color:#000;
}
#leftMenuInMain #wafiMapList {
width:150px;
margin-top:10px;
margin-left:10px;
}
#leftMenuInMain #wafiMapList LI {
width:150px;
}
#leftMenuInMain #wafiMapList LI A {
color:#666;
width:150px;
}
.greyText {
color:#666;
font-weight:normal;
}
.horizLine770 {
background:url(/images/horizontal_line_770.gif) no-repeat top;
height:2px;
clear: both;
font-size:10%;
}
.horizLine523 {
background:url(/images/horizontal_line_523.gif) no-repeat top;
height:2px;
clear: both;
font-size:10%;
}
.horizLine234 {
clear: both;
background:url(/images/horizontal_line_234.gif) no-repeat bottom;
height:5px;
font-size:10%
}
#atoz {
margin-bottom:16px;
}
#atoz ul {
list-style-type:none;
padding:3px;
margin:0px;
}
#atoz ul li {
display:inline;
direction:ltr;
margin:2px;
margin-right:1px;
}
#atoz ul li a,#atoz ul li a:active,#atoz ul li a:visited,#atoz ul li a:link {
font-size:100%;
padding:1px;
margin-left:1px;
}
#atoz ul li.blank {
padding:1px;
margin-left:1px;
color:#ccc;
}
/* ###################### change colour of a to z based on section you are in ###################### */
#section0 #atoz ul li a, #section0 #atoz ul li a:active, #section0 #atoz ul li a:visited, #section0 #atoz ul li a:link, #section1 #atoz ul li a, #section1 #atoz ul li a:active, #section1 #atoz ul li a:visited, #section1 #atoz ul li a:link {
color:#e98300;
}
#section0 #atoz ul, #section1 #atoz ul {
background-color:#fdf1dd;
}
#section0 #atoz ul li.activeLetter, #section1 #atoz ul li.activeLetter {
background-color:#f7d399;
}
#section0 #atoz ul li a:hover, #section1 #atoz ul li a:hover {
color:#000;
}
#section2 #atoz ul li a,#section2 #atoz ul li a:active,#section2 #atoz ul li a:visited,#section2 #atoz ul li a:link {
color:#55601c;
}
#section2 #atoz ul {
background-color:#f8f9e9;
}
#section2 #atoz ul li.activeLetter {
background-color:#d7dfa7;
}
#section2 #atoz ul li a:hover {
color:#000;
}
#section3 #atoz ul li a,#section3 #atoz ul li a:active,#section3 #atoz ul li a:visited,#section3 #atoz ul li a:link {
color:#005172;
}
#section3 #atoz ul {
background-color:#EFF4F4;
}
#section3 #atoz ul li.activeLetter {
background-color:#c7d8d7;
}
#section3 #atoz ul li a:hover {
color:#000;
}
#section4 #atoz ul li a,#section4 #atoz ul li a:active,#section4 #atoz ul li a:visited,#section4 #atoz ul li a:link {
color:#633366;
}
#section4 #atoz ul {
background-color:#f3ecee;
}
#section4 #atoz ul li.activeLetter {
background-color:#ddc8d4;
}
#section4 #atoz ul li a:hover {
color:#000;
}
#section5 #atoz ul li a,#section5 #atoz ul li a:active,#section5 #atoz ul li a:visited,#section5 #atoz ul li a:link {
color:#7c2348;
}
#section5 #atoz ul {
background-color:#f0eae4;
}
#section5 #atoz ul li.activeLetter {
background-color:#cdbcb7;
}
#section5 #atoz ul li a:hover {
color:#000;
}
/* ###################### end change colour of a to z based on section you are in ###################### */
#key {
color:#000;
font-size:77%;
margin-top:7px;
margin-bottom:0px;
padding-bottom:35px
}
#key div {
float:left;
margin-right:10px;
margin-bottom:2px;
}
.searchResultsSummary {
padding-top:2px;
margin-top:3px;
}
.searchResultsSummary a,.searchResultsSummary a:link,.searchResultsSummary a:active,.searchResultsSummary a:visited {
color:#666;
font-size:100%;
}
.searchResultsSummary a:hover {
color:#000;
font-size:100%;
}
#mainContentAreaWide .searchResultsSummary {
font-size: 90%;
}
#twoColHeader {
}
#twoColHeader a,#twoColHeader a:link,#twoColHeader a:active,#twoColHeader a:visited {
color:#666;
}
#twoColHeader a:hover {
color:#000;
}
.twoColHeaderLeft {
float:left;
}
.twoColHeaderRight {
float:right;
padding-top:4px;
}
.searchResultsCount {
float:left;
padding-bottom:5px;
}
.searchResultsButtons {
float:right;
padding-bottom:5px;
}
#searchResults {
padding-top:2px;
_padding-top:1px;
}
#searchResults {
background:url(/images/horizontal_line_523.gif) no-repeat top;
}
.searchResultsEnhanced,.contentSummaryItem {
padding-bottom:5px;
padding-top:3px;
}
.searchResultsEnhanced,.contentSummaryItem {
background:url(/images/horizontal_line_523.gif) no-repeat bottom;
padding-bottom:8px;
padding-top:2px;
}
.searchResultsNormal {
background:url(/images/horizontal_line_523.gif) no-repeat bottom;
padding-bottom:8px;
padding-top:3px;
}
.searchResultsHeader {
margin-top:3px;
color:#333;
}
.searchResultsMainContent {
float:left;
width:410px;
font-size:90%;
}
.searchResultsHeaderContacts {
margin-top:3px;
color:#e98300;
line-height: 1.3em;
}
.searchResultsHeaderContacts a:hover {
color:#333;
}
.searchResultsRHS {
float:right;
width:113px;
text-align:right;
margin-top:4px;
}
.searchResultsNormal .categoryLinks {
margin-top:18px;
height:18px;
float:right;
text-align: left;
width: 98px;
}
.searchResultsEnhanced .categoryLinks {
margin-top:5px;
}
.maplink,.morelink {
text-align:left;
height:16px;
font-size:100%;
}
.searchResultsEnhanced .maplink {
float:left;
height:16px;
font-size:110%;
}
.searchResultsEnhanced .morelink {
float:right;
height:16px;
font-weight:bold;
font-size:110%;
}
.categoryIcons {
margin-left:15px;
}
.searchResultsHeaderContacts a {
font-size:100%;
}
/* ###################### change colour of search results based on section you are in ###################### */
#section0 .searchResultsEnhanced, #section1 .searchResultsEnhanced {
background:url(/images/horizontal_line_523.gif) no-repeat bottom #fdf1dd;
}
#section0 .searchResultsEnhanced .searchResultsMainContent, #section0 .searchResultsEnhanced .searchResultsRHS, #section1 .searchResultsEnhanced .searchResultsMainContent, #section1 .searchResultsEnhanced .searchResultsRHS {
background-color:#fdf1dd;
}
#section0 .searchResultsHeaderContacts, #section0 .searchResultsHeaderContacts a, #section1 .searchResultsHeaderContacts, #section1 .searchResultsHeaderContacts a {
color:#e98300;
font-size:100%;
}
#section0 .morelink a:link, #section0 .morelink a:active, #section0 .morelink a:visited, #section1 .morelink a:link, #section1 .morelink a:active,#section1 .morelink a:visited {
background:url(/images/arrow_orange.gif) no-repeat right;
color:#e98300;
}
#section0 .maplink a, #section0 .maplink a:visited, #section0 .maplink a:active, #section0 .maplink a:link, #section1 .maplink a,#section1 .maplink a:visited,#section1 .maplink a:active,#section1 .maplink a:link {
background:url(/images/arrow_orange.gif) no-repeat right;
}
#section2 .searchResultsEnhanced {
background:url(/images/horizontal_line_523.gif) no-repeat bottom #f8f9e9;
}
#section2 .searchResultsEnhanced .searchResultsMainContent, #section2 .searchResultsEnhanced .searchResultsRHS {
background-color:#f8f9e9;
}
#section2 .searchResultsHeaderContacts, #section2 .searchResultsHeaderContacts a {
color:#55601c;
font-size:100%;
}
#section2 .morelink a:link,#section2 .morelink a:active,#section2 .morelink a:visited {
background:url(/images/arrow_green.gif) no-repeat right;
color:#55601C;
}
#section2 .maplink a,#section2 .maplink a:visited,#section2 .maplink a:active,#section2 .maplink a:link {
background:url(/images/arrow_green.gif) no-repeat right;
}
#section3 .searchResultsEnhanced {
background:url(/images/horizontal_line_523.gif) no-repeat bottom #eff4f4;
}
#section3 .searchResultsEnhanced .searchResultsMainContent, #section3 .searchResultsEnhanced .searchResultsRHS {
background-color:#eff4f4;
}
#section3 .searchResultsHeaderContacts, #section3 .searchResultsHeaderContacts a {
color:#005172;
font-size:100%;
}
#section3 .morelink a:link,#section3 .morelink a:active,#section3 .morelink a:visited {
background:url(/images/arrow_blue.gif) no-repeat right;
color:#005172;
}
#section3 .maplink a,#section3 .maplink a:visited,#section3 .maplink a:active,#section3 .maplink a:link {
background:url(/images/arrow_blue.gif) no-repeat right;
}
#section4 .searchResultsEnhanced {
background:url(/images/horizontal_line_523.gif) no-repeat bottom #f3ecee;
}
#section4 .searchResultsEnhanced .searchResultsMainContent, #section4 .searchResultsEnhanced .searchResultsRHS {
background-color:#f3ecee;
}
#section4 .searchResultsHeaderContacts, #section4 .searchResultsHeaderContacts a {
color:#633366;
font-size:100%;
}
#section4 .morelink a:link,#section4 .morelink a:active,#section4 .morelink a:visited {
background:url(/images/arrow_purple.gif) no-repeat right;
color:#633366;
}
#section4 .maplink a,#section4 .maplink a:visited,#section4 .maplink a:active,#section4 .maplink a:link {
background:url(/images/arrow_purple.gif) no-repeat right;
}
#section5 .searchResultsEnhanced {
background:url(/images/horizontal_line_523.gif) no-repeat bottom #f0eae4;
}
#section5 .searchResultsEnhanced .searchResultsMainContent, #section5 .searchResultsEnhanced .searchResultsRHS {
background-color:#f0eae4;
}
#section5 .searchResultsHeaderContacts, #section5 .searchResultsHeaderContacts a {
color:#7c2348;
font-size:100%;
}
#section5 .morelink a:link,#section5 .morelink a:active,#section5 .morelink a:visited {
background:url(/images/arrow_pink.gif) no-repeat right;
color:#7c2348;
}
#section5 .maplink a,#section5 .maplink a:visited,#section5 .maplink a:active,#section5 .maplink a:link {
background:url(/images/arrow_pink.gif) no-repeat right;
}
#section0 .contentSummaryItem .searchResultsMainContent h2,#section1 .contentSummaryItem .searchResultsMainContent h2,#section2 .contentSummaryItem .searchResultsMainContent h2,#section3 .contentSummaryItem .searchResultsMainContent h2,#section4 .contentSummaryItem .searchResultsMainContent h2,#section5 .contentSummaryItem .searchResultsMainContent h2 {
color:#333;
}
#section1 .morelink a:hover,#section2 .morelink a:hover,#section3 .morelink a:hover,#section4 .morelink a:hover,#section5 .morelink a:hover {
color:#999;
}
/* ###################### end change colour of search results based on section you are in ###################### */
/* ###################### change colour of left menu based on section you are in ###################### */
/* menu headers */
#section0 #leftMenu li, #section1 #leftMenu li {
color:#e98300;
}
#section2 #leftMenu li {
color:#55601C;
}
#section3 #leftMenu li {
color:#005172;
}
#section4 #leftMenu li {
color:#633366;
}
#section5 #leftMenu li {
color:#7c2348;
}
/* background highlight */
#section0 li.leftMenuHighlight, #section1 li.leftMenuHighlight {
background-color:#f9deb2;
}
#section2 li.leftMenuHighlight {
background-color:#E8EDCA;
}
#section3 li.leftMenuHighlight {
background-color:#d9e6e5;
}
#section4 li.leftMenuHighlight {
background-color:#e4d3dd;
}
#section5 li.leftMenuHighlight {
background-color:#e1d6d3;
}
/* ###################### end change colour of left menu based on section you are in ###################### */
/* ###################### change colour of links and store details page based on section you are in ###################### */
#section0 #mainContentAreaLeftText .sectionColour,#section0 h2, #section1 #mainContentAreaLeftText .sectionColour,#section1 h2 {
color:#e98300;
}
#section2 #mainContentAreaLeftText .sectionColour,#section2 h2 {
color:#55601c;
}
#section3 #mainContentAreaLeftText .sectionColour,#section3 h2 {
color:#005172;
}
#section4 #mainContentAreaLeftText .sectionColour,#section4 h2 {
color:#633366;
}
#section5 #mainContentAreaLeftText .sectionColour,#section5h2 {
color:#7c2348;
}
#mainContentArea a, #mainContentAreaWide a {
padding-right:10px;
}
#section0 #mainContentArea a, #section0 #mainContentAreaWide a, #section1 #mainContentArea a, #section1 #mainContentAreaWide a {
color:#e98300;
}
#section2 #mainContentArea a, #section2 #mainContentAreaWide a {
color:#55601c;
}
#section3 #mainContentArea a, #section3 #mainContentAreaWide a {
color:#005172;
}
#section4 #mainContentArea a, #section4 #mainContentAreaWide a {
color:#633366;
}
#section5 #mainContentArea a, #section5 #mainContentAreaWide a {
color:#7c2348;
}
a.addArrow {
/* padding-right:10px;*/
}
#section0 a.addArrow,#section1 a.addArrow {
background:url(/images/arrow_orange.gif) no-repeat right;
}
#section2 a.addArrow {
background:url(/images/arrow_green.gif) no-repeat right;
}
#section3 a.addArrow {
background:url(/images/arrow_blue.gif) no-repeat right;
}
#section4 a.addArrow {
background:url(/images/arrow_purple.gif) no-repeat right;
}
#section5 a.addArrow {
background:url(/images/arrow_pink.gif) no-repeat right;
}
#mainContentAreaLeftText .sectionColour a {
font-size:100%;
padding-right:10px;
}
#section1 #mainContentAreaLeftText .sectionColour a {
color:#e98300;
background:url(/images/arrow_orange.gif) no-repeat right;
}
#section2 #mainContentAreaLeftText .sectionColour a {
color:#55601c;
background:url(/images/arrow_green.gif) no-repeat right;
}
#section3 #mainContentAreaLeftText .sectionColour a {
color:#005172;
background:url(/images/arrow_blue.gif) no-repeat right;
}
#section4 #mainContentAreaLeftText .sectionColour a {
color:#633366;
background:url(/images/arrow_purple.gif) no-repeat right;
}
#section5 #mainContentAreaLeftText .sectionColour a {
color:#7c2348;
background:url(/images/arrow_pink.gif) no-repeat right;
}
.contentSummaryItem a {
font-size:100%;
padding-right:10px;
}
#section1 .contentSummaryItem a {
color:#e98300;
background:url(/images/arrow_orange.gif) no-repeat right;
}
#section2 .contentSummaryItem a {
color:#55601c;
background:url(/images/arrow_green.gif) no-repeat right;
}
#section3 .contentSummaryItem a {
color:#005172;
background:url(/images/arrow_blue.gif) no-repeat right;
}
#section4 .contentSummaryItem a {
color:#633366;
background:url(/images/arrow_purple.gif) no-repeat right;
}
#section5 .contentSummaryItem a {
color:#7c2348;
background:url(/images/arrow_pink.gif) no-repeat right;
}
#mainContentAreaLeftTextWide a {
font-size:80%;
padding-right:10px;
}
#section1 #mainContentAreaLeftTextWide a {
color:#e98300;
}
#section2 #mainContentAreaLeftTextWide a {
color:#55601c;
}
#section3 #mainContentAreaLeftTextWide a {
color:#005172;
}
#section4 #mainContentAreaLeftTextWide a {
color:#633366;
}
#section5 #mainContentAreaLeftTextWide a {
color:#7c2348;
}
#section1 #mainContentAreaLeftText .sectionColour a:hover,#section2 #mainContentAreaLeftText .sectionColour a:hover,#section3 #mainContentAreaLeftText .sectionColour a:hover,#section4 #mainContentAreaLeftText .sectionColour a:hover,#section5 #mainContentAreaLeftText .sectionColour a:hover {
color:#000;
}
#mapPrintLinks div {
float:left;
margin-right:6px;
margin-bottom:4px;
}
#mapPrintLinks div a {
color:#000;
font-size:78%;
padding-top:2px;
padding-bottom:2px;
}
#section1 #mapPrintLinks #mp1 a {
background:url(/images/arrow_orange.gif) no-repeat right;
padding-right:10px;
}
#section1 #mapPrintLinks #mp2 a,#section1 #mapPrintLinks #mp3 a {
background:url(/images/icon_print_orange.gif) no-repeat right;
padding-right:18px;
}
#section2 #mapPrintLinks #mp1 a {
background:url(/images/arrow_green.gif) no-repeat right;
padding-right:10px;
}
#section2 #mapPrintLinks #mp2 a,#section2 #mapPrintLinks #mp3 a {
background:url(/images/icon_print_green.gif) no-repeat right;
padding-right:18px;
}
#section3 #mapPrintLinks #mp1 a {
background:url(/images/arrow_blue.gif) no-repeat right;
padding-right:10px;
}
#section3 #mapPrintLinks #mp2 a,#section3 #mapPrintLinks #mp3 a {
background:url(/images/icon_print_blue.gif) no-repeat right;
padding-right:18px;
}
#section4 #mapPrintLinks #mp1 a {
background:url(/images/arrow_purple.gif) no-repeat right;
padding-right:10px;
}
#section4 #mapPrintLinks #mp2 a,#section4 #mapPrintLinks #mp3 a {
background:url(/images/icon_print_purple.gif) no-repeat right;
padding-right:18px;
}
#section5 #mapPrintLinks #mp1 a {
background:url(/images/arrow_pink.gif) no-repeat right;
padding-right:10px;
}
#section5 #mapPrintLinks #mp2 a,#section5 #mapPrintLinks #mp3 a {
background:url(/images/icon_print_pink.gif) no-repeat right;
padding-right:18px;
}
#mapPrintLinks div a:hover,#mapPrintLinks #mp1 a:hover,#mapPrintLinks #mp2 a:hover,#mapPrintLinks #mp3 a:hover {
color:#333;
}
/* ###################### end change colour of links and store details page based on section you are in ###################### */
#newsletterSignup {
width:123px;
height:15px;
border:1px solid #999;
font-size:88%;
float:left;
}
#newsletterSignupBtn {
width:15px;
background:url(/images/btn_arrow_orange.gif) no-repeat;
border:0px;
float:left;
margin-top:1px;
_margin-top:0px;
margin-left:2px;
cursor:pointer;
font-size:80%;
}
#section1 #newsletterSignupBtn {
background:url(/images/btn_arrow_orange.gif) no-repeat;
}
#section2 #newsletterSignupBtn {
background:url(/images/btn_arrow_green.gif) no-repeat;
}
#section3 #newsletterSignupBtn {
background:url(/images/btn_arrow_blue.gif) no-repeat;
}
#section4 #newsletterSignupBtn {
background:url(/images/btn_arrow_purple.gif) no-repeat;
}
#section5 #newsletterSignupBtn {
background:url(/images/btn_arrow_pink.gif) no-repeat;
}
/* ###################### footer menu ###################### */
#footerMenu {
padding-top:0px;
display:none;
}
#footerMenu ul {
list-style-type:none;
padding:0px;
margin:0px;
font-size:80%;
}
#footerMenu ul li {
background-image:url(/images/icon_sq_grey.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:0.4em;
margin-right:0.6em;
display:inline;
}
/*change top menu icon : activemenuf1 to activemenuf6 is the class */
.activemenuf1 #footerMenu ul li#menuf1,.activemenuf2 #footerMenu ul li#menuf2,.activemenuf3 #footerMenu ul li#menuf3,.activemenuf4 #footerMenu ul li#menuf4,.activemenuf5 #footerMenu ul li#menuf5,.activemenuf6 #footerMenu ul li#menuf6,.activemenuf7 #footerMenu ul li#menuf7,.activemenuf8 #footerMenu ul li#menuf8 {
background-image:url(/images/icon_sq_darkgrey.gif);
}
#footerMenu a,#footerMenu a:link, #footerMenu a:active, #footerMenu a:visited {
color:#E98300;
font-size:90%;
font-family:arial;
text-decoration:none;
padding-left:5px;
}
#footerMenu a:hover {
color:#000;
}
/* change the top menu active text colour - this is grey and activemenuf1 to activemenuf2 is the class */
.activemenuf1 #footerMenu ul li#menuf1 a,.activemenuf2 #footerMenu ul li#menuf2 a,.activemenuf3 #footerMenu ul li#menuf3 a,.activemenuf4 #footerMenu ul li#menuf4 a,.activemenuf5 #footerMenu ul li#menuf5 a,.activemenuf6 #footerMenu ul li#menuf6 a,.activemenuf7 #footerMenu ul li#menuf7 a,.activemenuf8 #footerMenu ul li#menuf8 a {
color:#666;
}
/* ###################### end footer menu ###################### */
/* ###################### baseline copyright text ###################### */
#baselineText {
height:25px;
margin-top:16px;
width:927px;
}
#baselineTextLeft {
color:#999;
font-size:70%;
float:left;
}
#baselineTextRight {
float:right;
}
#baselineTextRight a,#baselineTextRight a:link,#baselineTextRight a:active,#baselineTextRight a:visited {
font-size:70%;
color:#ccc;
}
#baselineTextRight a:hover {
color:#000;
}
/* ###################### end baseline copyright text ###################### */
/* ###################### homepage styles ###################### */
#threeFeatures {
width:675px;
background:url(/images/dots_yellowbg.gif) no-repeat #FCF9E5;
padding-left:6px;
}
.individualFeature {
padding-left:0px;
width:209px;
font-size:90%;
display:table-cell; /* bug fix */
position:relative;
_float:left; /*IE doesn;t support table display values */
}
/* make equal heights trick */
div.padding {
padding:6px;
padding-top:10px;
padding-bottom:10px;
color:#666;
font-size:90%;
}
div.padding p {
margin-top:6px;
}
#threeFeatures {
display:table;
}
#threeFeatures-row {
display:table-row;
position: relative;/* bug fix */
}
a.showArrowOnLink,a.showArrowOnLink:link,a.showArrowOnLink:active,a.showArrowOnLink:visited {
font-size:100%;
}
/* ###################### end homepage styles ###################### */
/* ###################### right hand side panel ###################### */
#contentRightPadding div.sideButton {
margin-bottom:12px;
}
div#sideButtons {
margin-top:6px;
}
#contentRightPadding div#sideButtons div.sideButton {
margin-bottom:3px;
margin-top:3px;
}
.sideButton {
background:url(/images/sidetab_bg.gif) no-repeat bottom #E98300;
padding-bottom:5px;
}
.sideButton a,.sideButton a:active, .sideButton a:visited, .sideButton a:link {
color:#fff;
font-size:90%;
padding-left:6px;
padding-top:1px;
}
.sideButton a:hover {
color:#F4C180;
}
.sidePromotion {
width:234px;
margin-bottom:2px;
font-size:90%;
}
.sidePromotion h3,.sidePromotion h4,.sidePromotion h5 {
font-size:100%;
color:#7C2348;
margin:0px;
margin-top:4px;
margin-bottom:2px;
padding:0px;
}
.sidePromotion h4 {
color:#337490;
}
.sidePromotion h5 {
color:#E77E0E;
}
.sidePromotion a,.sidePromotion a:active, .sidePromotion a:visited, .sidePromotion a:link {
color:#333;
font-size:100%;
background:url(/images/arrow_grey.gif) no-repeat right;
padding-right:12px;
font-weight:normal;
}
.sidePromotion a strong {
line-height:19px;
}
.sidePromotion a:hover {
color:#666;
font-size:100%;
}
/* ###################### end right hand side panel ###################### */
#mainContentImagery {
float:right;
margin-top:10px;
margin-bottom:20px;
padding-right:90px;
width:430px;
max-width:430px;
}
#mainContentImagery div {
float:left;
width:215px;
margin-bottom:10px;
}
.wafiMap {
margin-top:10px;
margin-bottom:10px;
}
.wafiMapInfo {
visibility: hidden;
position: absolute;
width: 234px;
background-color: #FAF5E3;
text-align: left;
text-decoration: none;
top: 158px;
margin: 0px;
}
#wafiMapImg1 {
float: left;
width: 99px;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 2px;
}
#wafiMapImg2 {
float: left;
width: 99px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1px;
}
#wafiMapText {
width: 234px;
float:right;
/*padding-right:18px;*/
font-size: 90%;
color: #6D6D6D;
top: 158px;
margin-top:6px;
}
#fullWidthCopy {
font-size:90%;
margin-top:10px;
margin-left:10px;
margin-bottom:20px;
}
#categories {
float:left;
clear:both;
}
#contentLeftWide #leftMenu UL LI.first {
margin-bottom:1em;
font-size:110%;
}
#contentLeftWide #categories {
margin-top:1em;
}
#contentLeftWide #categories LI A {
padding-left:10px;
font-weight:bold;
}
#section0 #contentLeftWide #categories LI A, #section0 #contentLeftWide #categories LI A:link, #section0 #contentLeftWide #categories LI A:active, #section0 #contentLeftWide #categories LI A:visited, #section0 #contentLeftWide #categories LI A:hover, #section1 #contentLeftWide #categories LI A, #section1 #contentLeftWide #categories LI A:link, #section1 #contentLeftWide #categories LI A:active, #section1 #contentLeftWide #categories LI A:visited, #section1 #contentLeftWide #categories LI A:hover {
color: #e98300;
background: url(/images/arrow_orange_left.gif) no-repeat left;
}
#section2 #contentLeftWide #categories LI A, #section2 #contentLeftWide #categories LI A:link, #section2 #contentLeftWide #categories LI A:active, #section2 #contentLeftWide #categories LI A:visited, #section2 #contentLeftWide #categories LI A:hover {
color: #55601c;
background: url(/images/arrow_green_left.gif) no-repeat left;
}
#section3 #contentLeftWide #categories LI A, #section3 #contentLeftWide #categories LI A:link, #section3 #contentLeftWide #categories LI A:active, #section3 #contentLeftWide #categories LI A:visited, #section3 #contentLeftWide #categories LI A:hover {
color: #005172;
background: url(/images/arrow_blue_left.gif) no-repeat left;
}
#section4 #contentLeftWide #categories LI A, #section4 #contentLeftWide #categories LI A:link, #section4 #contentLeftWide #categories LI A:active, #section4 #contentLeftWide #categories LI A:visited, #section4 #contentLeftWide #categories LI A:hover {
color: #633366;
background: url(/images/arrow_purple_left.gif) no-repeat left;
}
#section5 #contentLeftWide #categories LI A, #section5 #contentLeftWide #categories LI A:link, #section5 #contentLeftWide #categories LI A:active, #section5 #contentLeftWide #categories LI A:visited, #section5 #contentLeftWide #categories LI A:hover {
color: #7c2348;
background: url(/images/arrow_pink_left.gif) no-repeat left;
}
#globalSitemap {
margin-top:0px;
margin-left:0px;
}
#globalSitemap ul {
margin:0px;
padding:0px;
list-style: none;
}
#globalSitemap ul li {
margin-left:18px;
padding:0px;
font-weight: normal;
line-height:20px;
}
#globalSitemap ul li li {
font-weight: normal;
margin-left:20px;
list-style: square;
/* list-style-image: url(/images/angle.gif);*/
}
#pressDiv {
padding:0px;
padding-top:7px;
padding-bottom:2px;
}
#pressDiv a {
font-size:100%;
}
#pressDiv h3 {
margin:0px;
padding:0px;
}
hr {
color: #eee;
height: 1px;
background-color: #eee;
border: 0px solid #eee;
}
/* stylesheet for printing */