@charset "utf-8";
/* CSS Document for Mother Technologies (c)copyright covey mccormick*/

/*generic links and default margins*/

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a {text-decoration: none;}
a:link, a:visited {color: #2eb5e5;}
a:hover {color: #757b7d;}
a:active {color: #2eb5e5;}
a img, :link img, :visited img {border: none}

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse;}


/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre
{margin: 0; padding: 0;}

body,td,th {
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif, Trebuchet MS;
	color: #757b7d;
}

#normalise {
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif, Trebuchet MS;
	color: #757b7d;
}

body {
	background-color: #FFFFFF;
	background-image: url(images/gradient_background.png);
	background-repeat: repeat-x;
}

#internal table td{padding:2px; border:1px solid #CCCCCC;}


/*...........................................................................................................*/

/*layout and positioning elements*/

#wrapper{
	width:848px; height:auto;
	background:#fff;
	position:absolute; top:0; left:50%; margin-left:-424px;
}

/*...........................................................................................................*/

#container{
	width:800px; height:auto;
	background:#fff;
	margin:0 0 20px 24px;
}

/*...........................................................................................................*/

#header{
	width:800px; height:166px;
	
}

#logo{
	width:216px; height:120px;
	float:left;
	background:transparent url(images/logo.png) top left no-repeat;
	margin-top:16px;
}

#banner{
	width:561px; height:136px;
	float:right;
}

/*NAVIGATION...........................................................................................................*/

#navigation{
	width:800px; height:26px;
	clear:both;
}

#navigation ul{
	width:800px; height:26px;
	background:#F4F5F6;
}

#navigation ul li{
	width:auto; height:26px; margin:4px 11px 0 11px;
	background:transparent;
	float:left;
	list-style:none;
}

#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited{
	width:auto; height:26px;
	background:transparent;
	color:#676767;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	
}

#navigation ul li a:hover{
	width:auto; height:auto;
	background:transparent;
	color:#fff;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
}

/*SUB NAVIGATION..................................................*/

#sub_nav ul {
	list-style:none;
	padding:12px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#sub_nav ul li{
	list-style:none;
	margin:0 0 0 12px;
}

#sub_nav ul li a, #sub_nav ul li a:link, #sub_nav ul li a:visited, #sub_nav ul li a:active{
	font-size:11px; color:#333333;
}

/*#sub_nav ul li.selected a, 
#sub_nav ul li.selected a:link, 
#sub_nav ul li.selected a:visited, 
#sub_nav ul li.selected a:active{color:#3b5e7a;}*/

#sub_nav ul a.selected, 
#sub_nav ul a.selected:link, 
#sub_nav ul a.selected:visited, 
#sub_nav ul a.selected:active{color:#2EB5E5 !important;}

/*#sub_nav ul ul ul li.selected a{color:#3b5e7a;}*/

/*SUB SUB NAVIGATION..................................................*/

#sub_nav ul ul{
	list-style:none;
	padding:0 0 6px 12px;
	border:none;
}

#sub_nav ul ul li{
	list-style:none;
	margin:0;
}

#sub_nav ul ul li a, #sub_nav ul ul li a:link, #sub_nav ul ul li a:visited, #sub_nav ul ul li a:active{
	list-style:none;
	margin:0;
	color:#757b7d;
	border:none;
	font-size:11px;
}

/*#sub_nav ul ul li.selected a, 
#sub_nav ul ul li.selected a:link, 
#sub_nav ul ul li.selected a:visited, 
#sub_nav ul ul li.selected a:active{color:#2EB5E5;}*/

#sub_nav ul ul a.selected, 
#sub_nav ul ul a.selected:link, 
#sub_nav ul ul a.selected:visited, 
#sub_nav ul ul a.selected:active{color:#2EB5E5 !important;}

/*SUB SUB SUB NAVIGATION..................................................*/

#sub_nav ul ul ul{
	list-style:none;
	padding:0 0 0px 12px;
	border:none;
}

#sub_nav ul ul ul li a, #sub_nav ul ul ul li a:link, #sub_nav ul ul ul li a:visited, #sub_nav ul ul ul li a:active{
	list-style:none;
	margin:0;
	/*color:#aeb5b8;*/
	color:#757b7d;
	border:none;
	font-size:11px;
}

/*#sub_nav ul ul ul li.selected a, 
#sub_nav ul ul ul li.selected a:link, 
#sub_nav ul ul ul li.selected a:visited, 
#sub_nav ul ul ul li.selected a:active{color:#2EB5E5;}*/

#sub_nav ul ul ul a.selected, 
#sub_nav ul ul ul a.selected:link, 
#sub_nav ul ul ul a.selected:visited, 
#sub_nav ul ul ul a.selected:active{color:#2EB5E5 !important;}

/*ADDITIONAL NAVIGATION..................................................*/

#additional_nav ul{
	padding:12px 0 18px 12px;
}

#additional_nav ul li{
	list-style:none;
}

#additional_nav ul li.title{
	height:18px; width:180px;
	background:url(images/gradient_link.png) top left repeat-y;
	margin-left:-12px;
	padding-left:12px;
	
	}

/*...........................................................................................................*/

#content{
	clear:both;
	padding-top:25px;
}

#content h1, #content h2{
	margin:6px 0 6px 12px;
	font:normal 20px/24px Georgia, "Times New Roman", Times, serif;
	color:#676767;
}

#left_column{
	width:216px; height:auto;/*this is only while the additional nav has no content*/
	margin:0 24px 0 0;
	float:left;
	background:#f1f3f3 url(images/gradient_sub_menu.png) bottom left repeat-x;
	
}

#right_column{
	width:560px; height:auto;
	float:left;
	
}

#bottom_ad{
	width:560px; height:164px; margin-top:24px;
}

#bottom_ad_full{
	width:800px; height:auto; margin:0;
}

#bottom_ad_full_right{
	width:560px; height:200px; margin:0; float:right;
	position:relative;
	bottom:0px;
}

#bottom_ad_full_right img{
	float:right;
	position:absolute;
	bottom:0px;
	right:0px;
}

#bottom_ad_full_left{
	width:216px; height:246px; margin:40px 24px 0 0; float:left;
	background:transparent url(images/doris_thinker.gif) bottom right no-repeat;
}

#bottom_ad_left_nofoot{
	width:216px; height:246px; margin:-240px 24px 0 0; float:left;
	background:transparent url(images/doris_thinker.gif) 40px bottom no-repeat;
}

#bottom_ad_full_left img{
	float:right;
}


#right_column_splitleft{
	width:180px; height:auto;
	margin:0 24px 0 0;
	float:left;
	background:url(images/gradient_corner.png) top left no-repeat;
}

#right_column_splitleft p{
	padding:12px;
}

#right_column_splitleft a:hover{
	color:#757B7D;
	background:none;
}

#right_column_splitleft a{
	width:200%;
	background:transparent;
	padding-right:20px;
	
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#2EB5E5;
}

#right_column_splitleft li{
	list-style:none;
}

#right_column_splitleft ul{
	display:block;
	margin:18px 0 0 14px;
}

#right_column_splitright p{
	padding:12px;
}

#right_column_splitright h1 img{ /*wee doris and wee steve*/
	float:right;
	margin-top:-18px;
}

#right_column_splitright{
	width:336px; height:auto;
	margin:0;
	float:left;
	background:url(images/gradient_corner.png) top left no-repeat;
}

#right_column_splitright ul{
	margin-left:24px;
}

#right_column_splitright .glossary_content h1{
	margin:6px 0 6px 12px;
	font:normal 20px/24px Georgia, "Times New Roman", Times, serif;
	color:#3B5E7A;
}

#term ul li a, #term ul li a:link, #term ul li a:visited, #term ul li a:active{
	font-size:12px;
}

#term ul li.selected a, #term ul li.selected a:link, #term ul li.selected a:visited, #term ul li.selected a:active{
	font-size:14px; color:#3B5E7A;
}

#internal{
	width:auto; height:auto;
	margin:0;
	float:left;
	background:url(images/gradient_corner.png) top left no-repeat;
}



#internal ul{
	background:transparent;
	margin:12px 0 12px 24px;
}

#internal ol{
	background:transparent;
	margin:12px 0 12px 32px;
}

#internal ul li{
	background:transparent;
	margin:0; padding:0; line-height:1.75em;
}

#internal ol li{
	background:transparent;
	margin:0; padding:0; line-height:1.75em;
}

#internal p{
	padding:12px;
}

#internal a{
	background:transparent;
}

#internal h2{
	padding:12px 0 6px 12px; margin:12px 0 0 0;
	font:normal 20px/14px Georgia, "Times New Roman", Times, serif;
	color:#757B7D;
	height:250px; width:548px;
	background:transparent url(images/product_backGrad.png) top left repeat-x;
	overflow: visible;
}

#internal h2 a{
	margin:0 0 0 24px;
	font:normal 12px/14px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#2eb5e5;
	
}

#internal h3{
	margin-top:-250px;
}

#internal img{
	padding:0; margin:6px 12px;
}
#internal table img{
	padding:0; margin:0;
}


/*glossary*/
p#glossyHead{
	color:#2EB5E5; display:none; height:1px;
}

/*speech bubbles...........................................................................................................*/

#bubble{
	width:190px; height:140px;
	background:transparent url(images/bubbleTWO.png) top left no-repeat;
	position:relative;
	left:-50px;
	top:-50px;
	
	}

#bubble_copy{
	width:140px; height:140px; text-align:center; margin:0 33px 0 15px; padding-top:25px;
}

#bubble h1{
	padding:12px 0; margin:0; line-height:0; text-align:center;
}

#bubble p{
	padding:0; margin:0; line-height:12px; text-align:center;
}


/*...........................................................................................................*/

#footer{
	width:800px; height:auto; clear:both; float:right;
	background:url(images/footer_break.png) center top no-repeat;
	margin:0;
	padding-top:24px;
}

#footer_nav{
	width:800px; height:auto; clear:both; 
}

#footer_nav ul{
	float:left;
}

#footer_nav ul li{
	float:left;
	list-style:none;
	padding-right:5px;
	padding-left:5px;
	border-right:1px solid #c4c4c4;
	color:#c4c4c4;
}

#footer_nav ul li a, #footer_nav ul li a:link, #footer_nav ul li a:visited{
	font-size:11px;
}


#copyright{
	float:right;
	padding:0;
	color:#c4c4c4;
}

#internal p.magnify{background:url(http://mother.covey-mccormick.co.uk/sourcefiles/Image/magnify.jpg) top left no-repeat; padding-left:50px;}



/*the clearing...........................................................................................................*/

.clearing{
	clear:both;
}

#navigation ul li.selected a, #navigation ul li.selected a:link, #navigation ul li.selected a:visited, #navigation ul li.selected a:active{
	color:#0A4D91;
}

#navigation ul li.selected a:hover{
	color:#fff;
}

#office_view{
	padding:0; margin:0;
}

#office_view ul{
	padding:0; margin:0;
}

#office_view ul li{
	padding:0; margin:0; list-style:none; float:left;	
}

#office_view ul li a, #office_view ul li a:link, #office_view ul li a:visited{
	padding:0; margin:0;	
}

/*styles for lightbox...................................................................................*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #FFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #FFFFFF ;
	/*filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;*/
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display:block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	
	/*....................................................................................................................................*/


#line_group{
	margin:0 0 0 12px; padding:0;
}

#line_group img{
	margin:0; padding:0; border:none;
}

#mum{
	margin-top:24px;
	border-bottom:#333;
}


/*container box - used to highlight products/passages*/

#highlight_box{
	background:url(images/gradient_sub_menu.png) top left repeat-x;
	border:1px dashed #f1f3f3;
	
}