* {
margin: 0px;
padding: 0;
}html
{
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
background-color: #222222;
line-height:1.8em;
color:silver;
background-image: url('../siteimages/bodybg1.png');
background-repeat: repeat-x;
margin: 0px;
}



/* Main Divs
....................................................................... */

.head {
	position:absolute;
	top:0;
	background-color:#000000;
	margin-top:0px;
	padding:15px 10px 0 10px;
	}
#container
{
width: 890px;
margin: 0 auto;
padding: 0 0 0 0;
margin-top: 0;
position: relative;
font-size:1.2em;
 background-color: #000000;
}

#left{
float:left;
width: 155px;
margin: 0 0 20px 0;

}
#middle{
position: absolute;
top: 231px;
left:0px;
width: 870px;
margin: 0 auto;
padding:0 10px 10px 10px;
background-image: url('../siteimages/conbg.jpg');
background-repeat:  no-repeat;
 background-color:#000000;

}
#header{
width: 870px;
height: 45px;
background-image: url('../siteimages/header-bg.jpg');
background-repeat:no-repeat;
margin: 0 0 0 0;
background-color:#000000;

}
#crumbtrail{
border-bottom: 1px solid #333333;
width:705px;
margin: 0 0 20px 0;

}
#topnavi{
left: 10px;
width: 870px;
height: 153px;
margin: 0 0 0 0;
overflow: hidden;
background-image: url('../siteimages/reflection.jpg');
background-repeat:no-repeat;
background-color: #000000;
 }
  
#content{
float: right;
color:silver;
height:100%;
width:700px;
position:relative;
}

#footbar{
width: 870px;
height: 45px;
background-image: url('../siteimages/header-bg.jpg');
background-repeat:no-repeat;
clear:both;
margin: 0 0 20px 0;
position: ;
}


#foot{
width: 868px;
margin: 0px 0 20px 0;
padding: 8px 0 8px 0;
color: White;
background-color:#000000;
border: 1px solid #222222;


}
/* sitemap
....................................................................... */
.sitemap {
	margin: 15px;
}
.sitemap ul {
margin: 0 0 20px 15px;
}

.sitemap li {
margin: 0 0 0 0;
padding: 0;
list-style:  disc;
text-align: left;
display:list-item;
 float:none;	
}


/* Generic
....................................................................... */
p {
	margin-bottom:15px;
}
a, a:link, a:active, a:visited{
color: silver;
text-decoration: none;
}
a:hover{
color: #9ecb3b;
text-decoration: underline;
}
#foot a, #foot a:link, #foot a:active, #foot a:visited{
color: #333333;
}
#foot a:hover{
color: #9ecb3b;
text-decoration:underline;
}

strong{
}
h1{
font-size: 2.1em;
font-weight: normal;
color: #ffffff;
margin: 0 0 30px 0;
line-height: normal;
}

h1.home {
font-size: 2.1em;
margin: 0 0 30px 0;	
}
h2{
font-size: 1.5em;
font-weight: normal;
color: #ffffff;
margin: 0 0 30px 0;
line-height: normal;
}
h3{
font-size: 1.17em;
font-weight: bold;
color: #ffffff;
margin: 0 0 10px 0;
line-height: normal;
}
h4{
font-size: 1em;
font-weight:  normal;
color: #ffffff;
margin: 2px 0 8px 0;
line-height: normal;
}

img, img a{
border: 0;
}
hr{
border: 0;
border-top: 1px solid ;
height: 1px;
margin: 0 0 10px 0;
}
.left{
float: left;
}
.right{
float: right;
}
.clear {
	clear:both;
}
.textright {
	text-align:right;
}

.dropcap {
  float: left;
  font: normal 40pt/0.7em arial, Helvetica,verdana,sans-serif;
  color:#666666;
  padding:5px 0 0 0;
  margin:0 10px 0 0;
}

.quote {
	padding:0 30px 0 30px;
}

.clients {
	display:inline-block;
	margin: 0 0 20px 0;
	width:700px;
}


.clients p.left{
	 width: 295px;
	 margin: 0 15px 0 0;

}
.clients p.left span.title{
margin: 0 0 0 0;
display:block;
line-height: normal;
}

.clients p.left span.title a{
font-size: 1.17em;
font-weight: bold;

}

.clients p.right{
	width: 390px;
	text-align:right;
	
}
.clients p img{
	margin: 0 0 5px 0;
}


/* Header styles
....................................................................... */
.logo {
float: left;
width: 173px;
height: 34px;
margin: 5px 0 0 10px;
display: inline;
}
.logo *{
margin: 0;
padding: 0;
}

/* Topnavi styles
....................................................................... */
#topnavi ul{
margin: 0 0 0 0;
padding: 0;
}
#topnavi span {
display:none;
}
#topnavi li{
float: left;
display: inline;
margin: 0 10px 0 0;
padding: 0;
list-style: none;
text-align: center;
}

#topnavi li.last{
float: left;
display: inline;
margin: 0 0 0 0;
padding: 0;
list-style: none;
text-align: center;
}

/* Content styles
....................................................................... */

#content .copy{
 margin: 360px 0 40px 0;

}


#content a, #content a:link, #content a:active, #content a:visited{
text-decoration: none;
color:#9ecb3b;
}

#content a:hover{
text-decoration: underline;
color:#9ecb3b;
}


#content .copy .homecopy .left{
width: 250px;
 text-align:right;
}

#content .copy .homecopy .right{
width: 430px;
}


#content .news {
margin: 0 0 40px 0;
}
#content .news p {
float: left;
width: 700px;
margin: 0 0 18px 5px;
display: inline;
}
#content .news a, #content .news a:link, #content .news a:active, #content .news a:visited{
text-decoration: none;
color:#9ecb3b;
font-weight: bolder;
}
#content .news a:hover{
text-decoration: underline;
color:#9ecb3b;
}
#content .news img {
float: left;
padding: 5px 10px 5px 0;
}
#content .news span {
line-height: 1.5em;
}


#content .faqheaders {
	margin: 0 0 40px 0;
}
#content .faqheaders h2{
	margin:20px 0 0 0;
	line-height:normal;
}


#content .faqheaders h2 a, #content .faqheaders h2 a:link, #content .faqheaders h2 a:active, #content .faqheaders h2 a:visited{
text-decoration: none;
color:#9ecb3b;
font-size: 0.80em;
margin:0;
padding:0

}

#content .faqheaders h2 a:hover{
text-decoration: underline;
color:#9ecb3b;
}



/* Left navigation styles
....................................................................... */
#navlist{
clear: both;
float: left;
width: 145px;
margin: 0px 10px 20px 5px;
display: inline;
}
#navlist ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#navlist li{
list-style: none;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #333333;
}
#navlist li a, #navlist li a:link, #navlist li a:active, #navlist li a:visited {
display: block;
width: 145px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
text-decoration: none;
color: silver;
padding: 5px 0px 5px 0px;
margin: 0px;
}
#navlist li a:hover{
color: #9ecb3b;
text-decoration: none;
}

.call{
	margin: 0 0 20px 0;
}
#losImage{
	margin: 0 0 20px 0;
}


/* Search box Styles
....................................................................... */
#search{
float: right;
width: 155px;
margin: 10px 10px 0 0;

display:block;
}
#search form {
margin: 0;
padding: 0;
}
#search label {
}
#search .title {
display: none;
}
#search input {
float:left;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
padding: 0 2px 0 2px;
margin: 3px 0 2px 3px;
width: 92px;
background-color:white;
border: 1px solid #000000;
}
#search .heading {
font-size: 1em;
font-weight: bolder;
margin-bottom: 8px;
}
#search .btn { /* Submit Button */
float: right;
color:  silver;
background-color: black;
font-size: 1em;
border: 0px;
width: 50px;
height:19px;
font-weight:bold;
cursor: pointer;
background: url(../siteimages/butbg.gif);
background-repeat:no-repeat;
padding: 0 0 3px 0;

}
#search .btn:hover{ /* Submit Button */

color:#ffffff;
background: url(../siteimages/butbgon.gif);
background-repeat:no-repeat;


}

/*................................ Crumbtrail ....................................... */
p.CrumbTrail{
color: silver;
padding-bottom: 6px;
font-size:1em;
margin: 4px 0 20px 0;
border-bottom: 1px solid #333333;
}
.CrumbTrail a{
color: silver;
text-decoration: none;
}
.CrumbTrail strong{
color: #ffffff;
font-weight: normal;
}

.CrumbTrail a:hover{
color: #9ecb3b;
text-decoration: underline;
}


/* SEO styles
....................................................................... */
.greyfoot .seo {
float:right;
margin: 15px 10px 0 0;
font-size: 0.92em;
color:silver;
text-align:right;
}
.greyfoot .seo a{
color:#ffffff;
text-decoration: none;
}
.greyfoot .seo a:hover{
color:#9ecb3b;
text-decoration: underline;
}

/* News Item box Styles

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

#newsitem {	
background-color: #222222;
width: 155px;
background: url(../siteimages/lefthead.gif);
background-repeat:no-repeat;
padding-top:27px;
}
#newsitem .title {
width:155px;
display:none;
}
#newsitem p {
width: 143px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
padding:5px;
color: gray;
margin:0px;
background-color: #080808;
}
#newsitem a {
font-weight:bold;
color:#9ecb3b;
}
#newsitem a:hover {
text-decoration:underline;
}
#newsitem p span {
margin-top:10px;
display:block;
}
#newsitem img {
padding: 10px 0 0 0;
}


/* ----------------------------------()- Contact forms -()---------------------------------- */

.contact{
	margin: 20px 0 0 0;
}

.contact p.row {
	padding:0 0 3px 0; 
	display:inline-block;
	width:520px;
	line-height:normal;
clear:left;
position:relative;	
}

.contact p.row label {
	float:left; 
	width:130px; 
	color:#ffffff; 
	font-family: arial, Helvetica,verdana,sans-serif; 

}
.contact p.row input {
	margin-left:200px;
	display:block;	
	background:#EEF5F9 none repeat scroll 0 0;
	border:1px solid #A3BDC8;
	padding:2px;
	width:300px;

}
.contact p.row textarea {
	margin-left:200px; display:block;	
background:#EEF5F9 none repeat scroll 0 0;
border:1px solid #A3BDC8;
padding:2px;
width:300px;
}

.contact p.row .required {
	 position:absolute;
	 top: 3px;
	 left: 140px;
	color:#ffffff; 
	font-family: arial, Helvetica,verdana,sans-serif; 

}
.contact p.textright{
	width:510px;
}

.contact p.rowcapture {
	padding:0 0 3px 0; 
	display:inline-block;
	width:520px;
	line-height:normal;
	position:relative;
clear:left;
}
.contact p.rowcapture span.capture input {
background:#EEF5F9 none repeat scroll 0 0;
border:1px solid #A3BDC8;
padding:2px;
margin:5px 0 0 0;


}

.contact p.rowcapture span.capture {
	margin-left:200px; display:block;
	
}
.contact p.rowcapture label {
	float:left; 
	width:130px; 
	color:#ffffff; 
	font-family: arial, Helvetica,verdana,sans-serif; 

}


/* ----------------------------------()- Footer Navigation -()---------------------------------- */

#footernavlinks {
 margin:10px 0 0 0;
 border: 1px solid #333333;
 width: 850px;
 padding:10px;
 background-color: #000000;
}
#footernavlinks a, #footernavlinks a:link, #footernavlinks a:active, #footernavlinks a:visited{
color: #444444;
}
#footernavlinks a:hover{
color: #9ecb3b;
text-decoration:underline;
}


#footernavlinks ul {
  list-style:square;
 font-size:0.92em
}
#footernavlinks li {
  display:inline;
  margin:0 4px 0 0;
  border-right: 1px solid #444444;
  padding: 0 5px 0 0;

}
.legaladdress {
	margin: 10px 0 10px 0;
	color:gray;
	font-size:0.92em;
}


.sitelinks {
	margin:0;
	padding: 0;
	
}


/*awards
....................................................................... */

.awards {
width: 700px;
display:inline-block;
margin:
30px 0 30px 0;
}

.awards .left {
width:250px;
text-align:center;	
}

.awards .right {
width:430px;	
}



/*Case studys
....................................................................... */
.casestudy, .tabcasestudy{
background-color: #000000;
padding: 0 0 0 0;
display:inline-block;
}

.casestudy a, .tabcasestudy a{
color: #9ecb3b;

}
.casehead, .tabcasehead{
height:339px;
margin: 0 0 15px 0;

}
.casehead h1, .tabcasehead h1{
padding: 20px 0 0 0;
text-align:center;
	
}
.casesubhead, .tabcasesubhead{
margin: 0 0 15px 0;
padding:0 10px 0 10px;
}

.casesubhead p.caserow, .tabcasesubhead p.caserow {
	padding:0 0 3px 0; 
	border-bottom: 1px solid #333333;
	display:inline-block;
	width:680px;
	line-height:normal;
	margin:4px 0 0 0;
}

.tabcasesubhead p.caserow {
	width:638px;
}


.casesubhead p.caserow label, .tabcasesubhead p.caserow label{
float:left; 
	width:50px; 
	color:#ffffff; 
	font-family: arial, Helvetica,verdana,sans-serif; 
}
.casehsubhead p.caserow span.casedetail, .tabcasehsubhead p.caserow span.casedetail {
margin-left:60px; display:block;	
}

.casestudy .left, .tabcasestudy .tableft {
	width:320px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
}

.casestudy .right, .tabcasestudy .tabright {
	width:320px;
	margin: 0 10px 0 0;

}
.tabcasestudy .tabright{
float:right;
 width:309px;
}
.tabcasestudy .tableft{
float:left;
 width:309px;
}

.image ul {
margin: 20px 0 0 0;
}

.image li {
float: left;
display: inline;
margin: 0 24px 0 0;
padding: 0;
list-style: none;
text-align: center;
	
}

.casestudy li.last {
margin: 0 0 0 0;
}
.list ul {
margin: 0 0 20px 15px;
}

.list li {
margin: 0 0 0 0;
padding: 0;
list-style:  disc;
text-align: left;
display:list-item;
 float:none;	
}

.waveley {
background: url(../siteimages/casehead_waveley.jpg);
background-repeat:  no-repeat;
}
.sinclair {
background: url(../siteimages/casehead_sinclair.jpg);
background-repeat:  no-repeat;
}
.d2g {
background: url(../siteimages/casehead_d2g.jpg);
background-repeat:  no-repeat;
}
.cgroup {
background: url(../siteimages/casehead-tab-cgrouplease.jpg);
background-repeat:  no-repeat;
}

.wba {
background: url(../siteimages/casehead-wba.jpg);
background-repeat:  no-repeat;
	
}
.kettler {
background: url(../siteimages/casehead-kettler.jpg);
background-repeat:  no-repeat;
	
}
.access {
background: url(../siteimages/casehead-access.jpg);
background-repeat:  no-repeat;
	
}
.chorley {
background: url(../siteimages/casehead-chorleynissan.jpg);
background-repeat:  no-repeat;
	
}
.davidt {
background: url(../siteimages/casehead-davidtaylor.jpg);
background-repeat:  no-repeat;
	
}
.jamesjenk {
background: url(../siteimages/casehead-jamesjenk.jpg);
background-repeat:  no-repeat;
	
}
.suzuki {
background: url(../siteimages/casehead-jenkinssuzuki.jpg);
background-repeat:  no-repeat;
	
}
.oatmeal {
background: url(../siteimages/casehead-oatmeal.jpg);
background-repeat:  no-repeat;
	
}
.real {
background: url(../siteimages/casehead-real.jpg);
background-repeat:  no-repeat;
	
}
.twales {
background: url(../siteimages/casehead-trainingwales.jpg);
background-repeat:  no-repeat;
	
}
.cardiff {
background: url(../siteimages/casehead-visitcardiff.jpg);
background-repeat:  no-repeat;
	
}


/*Toggle Tabs
....................................................................... */
.tabContainer {
clear: both;
width: 700px;
margin: 40px 0 20px 0;
background: url(../siteimages/bg_tabcontainer_top.gif) 0 0 repeat-x;
border-bottom: 1px solid #333333;


}
.tabList {
display:inline-block;
width:700px;
 border-bottom:1px solid #333333; 
}
.panelButtonOn {
float: left;
background: url(../siteimages/tabon.gif) 0 0 repeat-x;
margin: 0 0 0 5px;
display: inline;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
border-right: 1px solid #333333;

}
#content .panelButtonOn a, #content .panelButtonOn a:link, #content .panelButtonOn a:active, #content .panelButtonOn a:visited {
display: block;
float: left;
height: 20px;
color: #fff;
font-size: 1em;
text-decoration: none;
padding: 1px 10px 0 10px;
margin: 0 0 0 0;
display: inline;
}
.panelButtonOff {
float: left;
background: #191919;
margin: 0 0 0 5px;
display: inline;
border-left: 1px solid #222222;
border-top: 1px solid #222222;
border-right: 1px solid #222222;
}
#content .panelButtonOff a, #content .panelButtonOff a:link, #content .panelButtonOff a:active, #content .panelButtonOff a:visited {
display: block;
float: left;
height: 20px;
color: gray;
font-size: 1em;
text-decoration: none;
padding: 1px 10px 0 10px;
margin: 0 0 0 0;
display: inline;
}
#content .panelButtonOn a:hover, #content .panelButtonOff a:hover {
color: #9ecb3b;
text-decoration: none;
}
.panel {
clear: both;
width: 698px;

border-left: 1px solid #333333;
border-right: 1px solid #333333;

}

.panel a {
color: #9ecb3b;
}


.latestwork, .seo {
	display:inline-block;
	margin: 20px 0 0 0;
	width:658px;
}

.latestwork p.left, .seo .left{
	 width: 248px;
	 margin: 0 15px 0 0;

}
.latestwork p.left span.title, .seo .left span.title{
margin: 0 0 0 0;
display:block;
line-height: normal;
}

.latestwork p.left span.title a, .seo p.left span.title a{
font-size: 1.17em;
font-weight: bold;
}

.latestwork p.right, .seo .right{
	width: 390px;
	text-align:right;
}
.latestwork p img, .seo img{
	margin: 0 0 5px 0;
}

.seo .left ul {
margin: 0 0 20px 15px;
}

.seo .left li {
margin: 0 0 0 0;
padding: 0;
list-style:  disc;
text-align: left;
display:list-item;
 float:none;	
}



.panelBox {
padding: 20px;
/* background: url(../siteimages/panelbg1.gif) 0 0 repeat-x; */
background: url(../siteimages/panel02.jpg) 0 0 no-repeat;
background-color:  #222222;
width: 658px;
position:relative;
}
.case {
background: url(../siteimages/panelbg1.gif) 0 0 repeat-x;
background-color:  #000000;
}

.panelBox h2 {
margin: 0 0 50px 0;
width: 321px;

}

.panelBox .head{
position: absolute;
top:0;
right:0;
margin:0 0 0 0;
padding:0 0 0 0;
}


.box {
	margin:0 0 20px 0;
	padding:0;
	}

.box .top {
	background: url(../siteimages/658boxtop.gif);
	background-repeat:no-repeat;
	display:inline-block;
	width:658px;

}

.box .top p.left {
	width: 243px;
	padding:10px 0 0 10px;

}

.box .top p.left img {
	margin:30px 0 0 50px;

}

.box .top .right {
	width: 380px;
	padding: 10px 10px 0 0;
 
}

.box p.bot {
	background: url(../siteimages/658boxbot.gif);
	background-repeat:no-repeat;
	height:4px;	 
}


.ecommerce .left {
	width: 320px;
}
.ecommerce .right {
	width: 320px;
}


div.panel p.address label {
	
	float:left; 
	width:70px; 
	color:#ffffff; 
	font-family: arial, Helvetica,verdana,sans-serif; 
	font-style: normal;
	font-variant:normal; 
	font-weight:bold; 
	line-height: normal;
}
div.panel p.address span.field
 { margin-left:80px; display:block;}
 
.panel ul{
	margin: 0 0 20px 15px;
}

.rightimg {
	float:right;
	margin: 0 20px 0 40px;
	text-align:right;
}
.rightimgflat {
	float:right;
	margin: 0 0 0 40px;
	text-align:right;
}


.leftimg {
	float:left;
	margin: 0 40px 0 15px;
}
.centerimg{
	text-align:center;
	margin: 30px 0 30px 0;
}

.largetel {
	color:#ffffff;
	font-size: large;
}

/* Video panel ............................................................... */

.Videopanel {
	width: 700px;
	margin-bottom: 20px;
	float:left;
position:absolute;
top:50px;
z-index: 2;
}
.vidcolor{
	background-color:#000000;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index: 1;
	width:700px;
	height:315px;
position:absolute;
top:50px;

}

.Videopanel h3 {
	width: 690px;
	background: url(../siteimages/vidheadbg.jpg) 0 0 repeat-x;
	color: #ffffff;
	padding: 5px 0 6px 10px;
	margin: 0;
		
}

.vidbody {
	width: 678px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	padding:10px 10px 10px 10px;


}

.video {
	height:266px;
	width:468px;
	background-color:  #000000;
	float:left;
	border: 1px solid #333333;
	
}

.vidtext {
	float: left;
	width: 185px;
	margin-left:10px;
	color:silver;
	line-height: 1.3em;
}

.vidtext H4 {
	font-weight: bold;
	margin-bottom: 10px;
}
.morevid {
	width: 183px;
	height: 30px;
	background-color: #222222;
	border: 1px solid #333333;
	padding: 3px 3px 3px 3px;
	margin-bottom:20px;
}

.morevid span.picture {
	float:left;
	margin-right:10px
}
.morevid span.text {
	float:left;
	width:115px;
	margin-right:10px;	
}
.morevid span.button {
	float:left;
	margin-top:6px;
	
}
/* .............................. tranparent pngs .....................................*/

.products{
margin: 20px 0 30px 0;
display:inline-block;

}
.ecomcontainer {
float:left;
margin: 0 40px 0 0;
	
}


.products .ecomcontainer p.ecom {
background: url(../siteimages/ecom.png);
background-repeat:no-repeat;
width: 191px;
height:215px;
margin: 0;
}

.sbuildcontainer {
float:left;
margin: 0 40px 0 0;
	
}


.products .sbuildcontainer p.sitebuilder{
background: url(../siteimages/sitebuilder.png);
background-repeat:no-repeat;
width: 191px;
height:215px;
margin: 0;	
}

.startcontainer {
float:left;

}


.products .startcontainer p.startup{
background: url(../siteimages/startup.png);
background-repeat:no-repeat;
width: 191px;
height:215px;
margin: 0;
}

p.livesupport{
background: url(../siteimages/live-support-small.png);
background-repeat:no-repeat;
	float:right;
	width:108px;
	height:183px;
	margin: 0 20px 0 40px;
}

p.sitebuilderbox{
background: url(../siteimages/sitebuilderbox.png);
background-repeat:no-repeat;
	float:right;
	width:158px;
	height:258px;
	margin: 0 20px 0 40px;
}

p.ecomrbox{
background: url(../siteimages/ecomrbox.png);
background-repeat:no-repeat;
	float:right;
	width:158px;
	height:258px;
	margin: 0 20px 0 40px;
}

p.eshopbox{
background: url(../siteimages/eshopbox.png);
background-repeat:no-repeat;
	float:right;
	width:158px;
	height:258px;
	margin: 0 20px 0 40px;
}
p.startupbox{
background: url(../siteimages/startupbox.png);
background-repeat:no-repeat;
	float:right;
	width:158px;
	height:258px;
	margin: 0 20px 0 40px;
}
p.livesupportbox{
background: url(../siteimages/livesupportbox.png);
background-repeat:no-repeat;
	float:right;
	width:158px;
	height:258px;
	margin: 0 20px 0 40px;
}


p.ecomrboxnf{
background: url(../siteimages/ecomrbox.png);
background-repeat:no-repeat;
width:158px;
height:258px;
margin: 30px 0 10px 60px;
text-align:center;
}

p.eshopboxnf{
background: url(../siteimages/eshopbox.png);
background-repeat:no-repeat;
width:158px;
height:258px;
margin: 30px 0 10px 60px;
text-align:center;
}

/* Search page ............................................................... */


td.SearchResults {
 background-color:black;
}

/* lightbox ............................................................... */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../siteimages/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../siteimages/nextlabel.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }