/* layout and size styles for succeeding with science */

* {

margin: 0px;
padding: 0px;

}

html {

margin: 0px;
padding: 0px;

}

body {

/* height: 100%; */
margin: 0px;
padding: 0px;
text-align: center;

font-family: verdana, helvetica, arial, sans-serif;
font-size: xx-small;

background: #ebeff0;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

html>body {

font-size: x-small;
margin-left: 0px;

}

/* end ie5 fontsize fix */


#container {

width: 766px;

margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
border: 0px;
text-align: left;

}


/* -------------------------- Tony Aslett float-clearing technique ------------------------------------ */

/* following rule adds a cleared element after container */
/* this forces non IE browsers to enclose any floated elements in container */

#container:after {

content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}

/* following rule is for ie mac float problem */
#container {

display: inline-table;

}


/* following hack is for ie win only */

/* Hides from IE-mac \*/
* html #container {

height: 1%;

}

/* now reset display property for everything except ie mac */
#container {

display: block;

}
/* End hide from IE-mac */



/* -------------------------- end Tony Aslett float-clearing technique ------------------------------------ */




/* ------------------- hidden links ------------------- */

#skiplinks, #skipnav, #skipcontent, #skiptologin {

position: absolute;
left: -999px;
width: 990px;

}


/* header stuff */

#header {

width: 766px;
height: 108px;

margin: 0px;
padding: 0px;

background: #fff;



}

#header a.home {

cursor: pointer;
float: left;

}


#header h1 {

width: 220px;

float: left;

padding: 108px 0px 0px 0px;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:108px;
	
}


#topmenu {

margin:  23px 0px 0px 25px;
padding: 0px;

float: left;

}

#topmenu div.topmenuitem {

/* there is 8px extra width on these items instead of a margin, which ie6 doesn't like */

width: 103px;
height: 80px;

padding: 0px;
margin: 0px 0px 0px 0px;

color: #fff;

float: left;

}

#topmenu div.topmenuitem h2 {



}

#topmenu div.topmenuitem p {

padding: 3px 10px 0px 5px;

}

#topmenu a, #topmenu a:link ,#topmenu a:active, #topmenu a:visited, #topmenu a:hover {

display: block;
padding: 20px 10px 0px 5px;
margin: 0px;
color: #fff;
font-weight: bold;
text-decoration: none;

}


#menu_about {

background: url("../img/design/menu_purple.gif") no-repeat;

}

#menu_news {

background: url("../img/design/menu_blue.gif") no-repeat;

}

#menu_resources {

background: url("../img/design/menu_orange.gif") no-repeat;

}

#menu_visitorcentres {

background: url("../img/design/menu_green.gif") no-repeat;

}

#menu_contact {

background: url("../img/design/menu_red.gif") no-repeat;

}


#main {

padding: 30px 0px 0px 0px;
float: left;

}

/* min-height rule and hacks */

#main {

height: 376px;
min-height: 376px;

}

html>body #main {

height: auto;

}

/* end min-height stuff */


#main.home {

padding: 0px 0px 0px 0px;
float: left;

}


#leftcol {

margin: 0px;
padding: 0px;

float: left;

}


#leftmenu {

margin: 0px 0px 48px 24px;
padding: 0px;

}


#leftmenu ul {

list-style: none;
padding: 0px;
margin: 0px;

}

#leftmenu li {

width: 179px;
height: 42px;
display: block;
padding: 0px;
margin: 0px 0px 3px 0px;

color: #999;

}

#leftmenu li.active {


}

#leftmenu li a, #leftmenu li a:link, #leftmenu li a:active, #leftmenu li a:visited, #leftmenu2 span.leftmenuitemsplit, #leftmenu3 span.leftmenuitemsplit, #leftmenu4 span.leftmenuitemsplit, #leftmenu5 span.leftmenuitemsplit {

display: block;
padding: 7px 3px 0px 24px;
margin: 0px;

color: #25808d;
font-weight: bold;
text-decoration: none;

}


#leftmenu li span a.inline_menu_link {

display: inline;
padding: 0px;
margin: 0px;
font-weight: normal;
text-decoration: none;
color: #999;

}

#leftmenu li span a.inline_menu_link:hover {

display: inline;
text-decoration: underline;

}


#leftmenu li a:hover {

color: #9cc;
text-decoration: none;

}


#leftmenu li span {

display: block;
padding: 2px 3px 0px 24px;
margin: 0px;

}



#centrecol {

margin: 0px;
padding: 0px 3px 20px 42px;

float: left;

}




#rightcol {

width: 188px;

margin: 0px;
padding: 0px;
float: left;

}


#footer {

width: 766px;
height: 57px;
background: url("../img/design/footer_bg.gif") repeat-x #fff;

float: left;

}


/* h2 uses the smart leahy/langridge image replacement (LIR) technique */
#footer h2 {

width: 160px;

padding: 43px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:43px;

background: url("../img/design/sellafield_ltd.gif") no-repeat 13px 13px;

float: left;
	
}

#footer p {

padding: 24px 12px 0px 0px;
text-align: right;
color: #fff;

}


#footer a {

text-decoration: none;
color: #fff;

}

#footer a:hover {

text-decoration: underline;

}

/* NB no main content on home page, its newspanel instead */
#maincontent {

width: 330px;
margin: 0px;
padding: 0px;

}


#maincontent h2 {

font-size: medium;
margin: 0px;
padding: 10px 25px 20px 0px;

}

#maincontent h2 a {

text-decoration: none;

}


#maincontent h3 {

font-size: small;
font-weight: bold;

margin: 0px;
padding: 20px 0px 10px 0px;

}

#maincontent h3 a, #maincontent h4 a {

text-decoration: none;

}

#maincontent h3 a:hover, #maincontent h4 a:hover {

text-decoration: underline;

}

#maincontent h4 {

font-size: x-small;
margin: 0px;
padding: 5px 0px 10px 0px;

}


#maincontent p {

margin: 0px;
padding: 0px 0px 10px 0px;

}

#maincontent p.backtotop {

width: 305px;
padding: 10px 0px 10px 0px;
text-align: right;

float: left;

}

#maincontent p.orderlink {

width: 300px;
padding: 0px 0px 10px 0px;
text-align: right;

float: left;

}


#maincontent p.backtotop a {

padding-right: 16px;
font-weight: bold;
text-decoration: none;

}

#maincontent p.orderlink a {

padding-right: 24px;
font-weight: bold;
text-decoration: none;

}

#maincontent p.backtotop a:hover, #maincontent p.orderlink a:hover {

text-decoration: underline;

}


#maincontent p.catlink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 20px;
background: url("../img/design/cat_icon.gif") no-repeat top left;

clear: both;

}


#maincontent p.pdflink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 20px;
background: url("../img/design/pdf_icon.gif") no-repeat top left;

clear: both;

}

#maincontent p.swflink {

margin: 5px 0px 10px 0px;
padding: 2px 0px 5px 20px;
background: url("../img/design/swf_icon.gif") no-repeat top left;

clear: both;

}

#maincontent p.flvlink {

margin: 5px 0px 10px 0px;
padding: 2px 0px 5px 20px;
background: url("../img/design/flv_icon.gif") no-repeat top left;

clear: both;

}

#maincontent p.dcrlink {

margin: 5px 0px 10px 0px;
padding: 2px 0px 5px 20px;
background: url("../img/design/dcr_icon.gif") no-repeat 0px 1px;

clear: both;

}


#maincontent p.catlink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 23px;

clear: both;

}


#maincontent p.golink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 23px;

clear: both;

}


#maincontent p.samplelink {

margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 23px;

clear: both;

}




#maincontent p.pdflink a, #maincontent p.swflink a, #maincontent p.dcrlink a, #maincontent p.catlink a, #maincontent p.golink a, #maincontent p.samplelink a, #maincontent p.ziplink a, #maincontent p.imglink a, #maincontent p.pplink a, #maincontent p.ziplink a, #maincontent p.dmglink a {

text-decoration: none;
font-weight: bold;

}

#maincontent p.pdflink a:hover, #maincontent p.swflink a:hover, #maincontent p.dcrlink a:hover, #maincontent p.catlink a:hover, #maincontent p.golink a:hover, #maincontent p.samplelink a:hover, #maincontent p.ziplink a:hover, #maincontent p.imglink a:hover, #maincontent p.pplink a:hover, #maincontent p.ziplink a:hover, #maincontent p.dmglink a:hover {

text-decoration: underline;

}


#maincontent p.ziplink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 20px;
background: url("../img/design/selfextract_icon.gif") no-repeat top left;

clear: both;

}

#maincontent p.imglink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 20px;
background: url("../img/design/img_icon.gif") no-repeat top left;

clear: both;

}

#maincontent p.pplink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 20px;
background: url("../img/design/pp_icon.gif") no-repeat top left;

clear: both;

}

#maincontent p.dmglink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 20px;
background: url("../img/design/dmg_icon.gif") no-repeat top left;

clear: both;

}


#maincontent p.breadcrumb {

margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 12px;

}


#maincontent p.breadcrumb a {

text-decoration: none;

}


#maincontent p.breadcrumb a:hover {

text-decoration: underline;

}


#maincontent a {

text-decoration: underline;

}

#maincontent a:hover {

text-decoration: none;

}

#maincontent ul {

padding: 0px 10px 15px 20px;
clear: left;

}

#maincontent li {

padding: 0px 0px 5px 0px;

}

#maincontent img.bodyimage {

padding: 3px 15px 10px 0px;
float: left;

}


#maincontent div.pageitem {

width: 305px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px dotted #fff;

float: left;

}


#maincontent div.imgpanel img {

margin: 0px 12px 10px 24px;
padding: 0px;

}


#maincontent div.pagepanel {

width: 295px;

margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 10px;

float: left;

}


#maincontent div.pagepanel a {

display: block;

width: 130px;

margin: 0px 10px 0px 0px;
padding: 15px 0px 15px 0px;

color: #fff;
font-weight: bold;
text-align: center;
text-decoration: none;

float: left;

}

#maincontent div.pagepanel a:hover {

text-decoration: none;

}

#maincontent div.pagepanel a strong {

display: block;

font-weight: bold;

margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;

}

#maincontent div.pagepanel a.primary strong {

color: #cef;


}

#maincontent div.pagepanel a.secondary strong {

color: #ffc;

}


#maincontent div.resourcefeature {

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

float: left;

}



/* catalogue stuff */

#maincontent #sort {

width: 305px;

margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 0px;
background: #feeee0;

}

#maincontent #sort label {

margin: 0px;
padding: 0px 0px 0px 10px;

}

#maincontent #sort select {

margin: 0px;
padding: 0px;

}

#maincontent #sort input {

margin: 0px;
padding: 0px;

font-size: x-small;

}


#maincontent div.pageitem div.cat_content {

width: 150px;
float: left;

}

#maincontent div.pageitem div.product_img_and_caption {

margin: 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px dotted #fff;

}


#maincontent div.pageitem h3 a {

text-decoration: none;

}

#maincontent div.pageitem p.cat_caption {

color: #d66f0a;

}



/* table stuff */


#maincontent table {

margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;

border-top: 1px solid #fff;
border-left: 1px solid #fff;

border-collapse: collapse;

font-size: x-small;

}

#maincontent table th {

margin: 0px;
padding: 5px;

text-align: center;
font-weight: bold;

border-right: 1px solid #fff;
border-bottom: 1px solid #fff;

}

#maincontent table td {

margin: 0px;
padding: 5px;

border-right: 1px solid #fff;
border-bottom: 1px solid #fff;

}


/* basket stuff */

#maincontent div.basket_main {

width: 305px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px dotted #fff;

float: left;

}


/* the table in checkbasket.php */
#maincontent #basket_details {

float: left;

}





/* styles for forms */

#maincontent form {

margin: 0px;
padding: 0px 25px 10px 0px;

}

	
#maincontent label {

padding: 0px 5px 0px 0px;
margin: 0px;

}

#maincontent input {

margin: 5px 0px 10px 0px;

}

#maincontent select {

margin: 5px 0px 10px 0px;
font-size: x-small;

}

#maincontent option {



}

#maincontent textarea {

margin: 5px 0px 10px 0px;

}
	
#maincontent fieldset {

padding: 15px;
margin: 0px 0px 15px 0px;
border: 1px solid #fff;

}

	
#maincontent legend {

font-weight: bold;
padding: 5px;
color: #fff;

}

#maincontent #search_again {

width: 295px;

margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 10px;

background: #feeee0;

float: left;

}

#maincontent #sendbutton {

margin: 0px 0px 10px 0px;

}


#maincontent div.search_again_select, #maincontent div.sortselect {

padding: 5px 10px 5px 0px;
float: left;

}

#maincontent div.search_again_select label, #maincontent div.sortselect label {

color: #666;

}


#maincontent #sort_go {

margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}



#maincontent .textbox {

}


/* registration stuff */


#register {


}

#register div.label {

margin: 5px 10px 0px 0px;
padding: 3px 0px 0px 0px;

}

#register div.input {

margin: 0px 0px 5px 0px;
padding: 0px;

}

#register div.radiobutton {

margin: 10px 0px 10px 10px;
padding: 0px;

}

#register div.radiobutton input {


}

#register div.radiobutton label {

position: relative;
top: -2px;
margin-left: 5px;

}

#register div.label label {

margin: 0px;
padding: 0px;

}

#register fieldset {

padding: 15px 0px 15px 10px;
margin: 0px 0px 15px 0px;
border: 1px solid #fff;

}

#register fieldset p {

padding: 0px;
margin: 0px 0px 15px 0px;

}


#register legend {

margin: 0px;
padding: 3px;

font-weight: bold;
color: #000;

}

/* sitemap list stuff */

#maincontent #sitemap {

font-size: small;

}

#maincontent #sitemap a {



}

#maincontent #sitemap a:hover {



}

#maincontent #sitemap ul {

margin-top: 10px;

}

#maincontent #sitemap li ul {

padding-bottom: 0px;

}



/* home page news panel stuff */

#newspanel {

width: 500px;
margin: 10px 10px 0px 0px;
padding: 0px;

font-size: small;

}

/* h2 is hidden */
#newspanel h2 {

position: absolute;
left: -999px;
width: 990px;


}


#newspanel div.featureditem {

margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 0px;

border-bottom: 1px dotted #e7ede9;
/*border-bottom: 1px dotted #d7e3dd;*/

float: left;
/* background: url("../img/design/newstick.gif") no-repeat; */

}

#newspanel div.featureditem h3 {


width: 180px;

/*float: left;*/

padding: 42px 0px 0px 0px;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:42px;

background: url("../img/design/specialprice_h2.gif") no-repeat;

}


#newspanel div.featureditem p {

width: 500px;

margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;

color: #000;

float: left;

}



#newspanel div.newsitem {

margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 0px;

border-bottom: 1px dotted #e7ede9;
/*border-bottom: 1px dotted #d7e3dd;*/

float: left;
/* background: url("../img/design/newstick.gif") no-repeat; */

}

#newspanel div.newsitem img {

margin: 0px;
padding: 0px;
/* there's already a no border rule for all imgs but these images are likely to be linked so just in case... */
border: 0px;

float: left;
/* background: url("../img/design/newstick.gif") no-repeat; */

}

#newspanel div.newsitem h3 {

/*font-size: x-small;*/
width: 362px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;

float: left;

}

#newspanel div.newsitem h3 a {

text-decoration: none;

}

#newspanel div.newsitem h3 a:hover {

text-decoration: underline;

}

#newspanel div.newsitem p {

width: 388px;

margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 10px;

color: #000;

float: left;

}

#newspanel div.newsitem p.wrap {

width: 350px;
padding: 0px 0px 0px 10px;

}

#newspanel div.newsitem a.boldlink {

font-weight: bold;
text-decoration: none;
color: #f4810f;

}

#newspanel div.newsitem a.boldlink:hover {

text-decoration: underline;

}


#loginregisterhome {

width: 760px;
height: 20px;

margin: 0px 0px 10px 0px;
padding: 0px;
color: #fff;

}

#loginregisterhome p {

margin: 0px;
padding: 15px 5px 0px 0px;
font-size: small;
text-align: right;

}

#loginregisterhome a {

color: #fff;
font-weight: bold;

}


#loginregisterhome a:hover {

/*text-decoration: underline;*/
padding-bottom: 2px;
border-bottom: 1px dotted #fff;

}


#loginregisterhome a.login {

padding-left: 15px;
background: url("../styles/marine/img/loginarrow.gif") no-repeat 0px 2px;

}

#loginregisterhome a.logout {

padding-left: 15px;
background: url("../styles/marine/img/logoutarrow.gif") no-repeat 0px 2px;

}

#loginpanel {

width: 176px;

margin: 0px 0px 15px 0px;
padding: 0px;

color: #fff;

}

#loginpanel h2 {

height: 28px;
display: block;

padding: 12px 10px 0px 10px;
margin: 0px;

font-size: small;

}

#loginpanel h3 {

padding: 15px 10px 0px 0px;
margin: 0px;

font-size: x-small;
font-weight: bold;

}

#loginpanel a {

color: #fff;

}


#loginpanel p {

padding: 7px 5px 15px 0px;

}


#loginpanel p.logout {

margin: 0px 5px 0px 0px;
text-align: right;

}


#loginpanel p.logout a, #loginpanel p a.forgotpass, #loginpanel p a.register {

color: #fff;
border-bottom: 1px dotted #fff;
padding: 0px 0px 2px 0px;

}

#loginpanel p.logout a:hover, #loginpanel p a.forgotpass:hover, #loginpanel p a.register:hover {

text-decoration: none;
border: none;

}

#loginpanel a.register {

font-weight: bold;

}

#loginpanel ul {

padding: 7px 15px 15px 25px;

}

#loginpanel li {

padding: 0px 0px 3px 0px;
margin: 0px;

}

#loginpanel li a {

}

#loginpanel li a:hover {

border-bottom: 1px dotted #fff;

}


#loginpanel form {

padding: 0px 15px 0px 10px;

}

#loginpanel form input {

margin: 2px 0px 10px 0px;

}

#loginpanel input.text {

width: 140px;
margin: 3px 0px 0px 0px;
padding: 0px 0px 2px 2px;
border: 1px solid #bbb;
background: #fff;
font-size: xx-small;
font-family: verdana, helvetica, arial, sans-serif;
color: #666;

}

#loginpanel label {

}

#loginpanel #loginbutton {

margin: 0px;
padding: 2px 5px 2px 5px;

font-family: verdana, helvetica, arial, sans-serif;
font-size: x-small;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}


#loginpanel .text_input_div {


}


#loginpanel #login_email {


}

#loginpanel #forgotpass {


}

#loginpanel #login_or_forgotpass {


}


#loginpanelbottom {

width: 176px;
height: 6px;
display: block;

}

div.rightpanel {

width: 176px;

margin: 0px 0px 15px 0px;
padding: 0px;

color: #fff;

}

div.rightpanel h2 {

height: 30px;
display: block;

padding: 15px 10px 0px 10px;
margin: 0px;

font-size: small;

}

div.rightpanel h3 {

padding: 0px 20px 5px 10px;
font-size: x-small;

}

div.rightpanel p {

padding: 0px 20px 15px 10px;
line-height: 1.5em;


}

div.rightpanel p a {

border-bottom: 1px dotted #fff;
padding: 0px 0px 1px 0px;
color: #fff;

}

div.rightpanel p a:hover {

border: 0px;

}

div.rightpanel img {

padding: 0px 20px 15px 10px;

}

div.rightpanel ul {

padding: 0px 15px 15px 25px;

}

div.rightpanel li {

padding: 0px 0px 5px 0px;
margin: 0px;

}

div.rightpanel #basket_small_items {

margin: 0px 20px 5px 10px;
border-collapse: collapse;

}

div.rightpanel #basket_small_items th {

padding: 0px 0px 5px 0px;
border-bottom: 1px dotted #fff;

font-weight: bold;

}

div.rightpanel #basket_small_items th.row_header {

padding: 5px 3px 5px 0px;
border: 0px;

}

div.rightpanel #basket_small_items td {

padding: 0px 3px 5px 3px;

text-align: center;

border-left: 1px dotted #fff;

}


div.rightpanel div.rightpanelsearchselect {

padding: 0px 20px 5px 10px;

}

div.rightpanel div.rightpanelsearchselect label {

}

div.rightpanel div.rightpanelsearchselect select {

width: 145px;
margin: 3px 0px 0px 0px;
font-size: x-small;

}

div.rightpanel div.rightpanelsearchsubmit {

padding: 10px 20px 5px 10px;
text-align: right;

}


div.rightpanel div.rightpanelsearchsubmit #rightpanelsearch_go {

padding: 0px 3px 3px 3px;
margin: 0px;

font-size: x-small;

}



div.rightpanelbottom {

width: 176px;
height: 7px;
display: block;

}



/* --------------- generic styles --------------------- */

a {

text-decoration: none;

}

img {

border: 0px;

}

p.info {

font-weight: bold;

}

/*
#loginpanel {



}


#loginpanel h2 {

font-size: small;

}


#loginpanel input {

font-size: x-small;

}

#loginpanel label {

font-size: x-small;

}
*/