/* CSS Document */



#devgallery {

	list-style-type: none;

	margin-top: 0;

}



#devgallery li {

	float: left;

	margin-bottom: 10px;

	height: 230px;

	width: 184px;

	padding-right: 5px;

}



#devgallery img {

	margin-bottom: 10px;

	border: 4px solid #FFFFFF;

}



#devgallery a {

color: #FFFFFF;

}



#devgallery a:hover img.galleryImageBorder1 {

border: 4px solid #990033;

}

#completed {

font-size: 1.1em;
font-weight: bold;
text-transform:uppercase;
color:#CCCC66;
margin-top: 10px;

}

.galleryImageBorder1 {

background-image:url(images/brochuredownload-icon.jpg);

}



#devgallery a:hover img.galleryImageBorder2 {

border: 4px solid #999933;

}



#devgallery a:hover img.galleryImageBorder3 {

border: 4px solid #336666;

}



#devgallery a:hover img.galleryImageBorder4 {

border: 4px solid #996633;

}



#devgallery a:hover img.galleryImageBorder5 {

border: 4px solid #993366;

}



#devgallery a:hover img.galleryImageBorder6 {

border: 4px solid #CC6600;

}



.devheading {

font-size: 1.2em;

line-height: 130%;

font-weight: bold;

}



.devsummary {

font-weight: normal;

}



.devprice {

font-weight: normal;

margin-top: 7px;

}



.details {

font-size: 1em;

font-weight: bold;

}



h1#developmentName {

font-size: 2.2em;

margin-bottom: -30px;

line-height: 110%;

}



.developmentSubheading {

color: #0099CC;

font-size: 1.7em;

font-weight: normal;

margin:0;

padding:20px 0 10px 0;

line-height:135%;

}





/*further information*/

#info {

width: 145px;

float:right;

padding-top: 18px; /*was margin*/

padding-right: 18px; /*was margin*/

padding-bottom: 28px; /*was margin*/

}



#info h6 {

font-size: 1.7em;

color: white;

font-weight: normal;

padding:0 0 10px 0;

line-height:120%;

}



ul#information {

padding-top:0;

padding-bottom:0;

border-bottom: 1px solid #5891AE;

}



ul#information li {

padding-bottom:10px;

padding-top:10px;

padding-left:45px;

line-height: 130%;

border-top: 1px solid #5891AE;

}



ul#information li#viewgallery {

background-image:url(images/gallery-icon.jpg);

background-repeat: no-repeat;

background-position: center left;

}



ul#information li#askquestion {

background-image:url(images/question-icon.jpg);

background-repeat: no-repeat;

background-position: center left;

}



ul#information li#downloadbrochure {

background-image:url(images/brochuredownload-icon.jpg);

background-repeat: no-repeat;

background-position: center left;

}



ul#information li#requestbrochure {

background-image:url(images/brochurerequest-icon.jpg);

background-repeat: no-repeat;

background-position: center left;

}



ul#information li#miniwebsite {

background-image:url(images/website-icon.jpg);

background-repeat: no-repeat;

background-position: center left;

}





ul#information li a {

  display: block;

  color: #FFFFFF; 

}



#information a:hover {

color: #CCCC66; 

} 





/*library*/



/*library*/
#libraryheader {
margin-top: 40px;
}

ul#library {
padding-top:0;
padding-bottom:0;
}

ul#library li {
position: relative;
padding-top:10px;
padding-bottom:10px;
font-size: 1em;
line-height: 130%;
background-position: center left;
}

ul#library li a {
  display: block;
  color: #FFFFFF; 
}

#library a:hover {
color: #CCCC66; 
} 

ul#library2 {
padding-top:0;
padding-bottom:0;
border-bottom: 1px solid #5891AE;
}

ul#library2 li {
padding-bottom:10px;
padding-top:10px;
padding-left:45px;
line-height: 130%;
border-top: 1px solid #5891AE;
}

ul#library2 li#viewlibrary {
background-image:url(images/library-icon.jpg);
background-repeat: no-repeat;
background-position: center left;
}

ul#library2 li a {
  display: block;
  color: #FFFFFF; 
}

#library2 a:hover {
color: #CCCC66; 
} 


/*library list*/
ul#librarylist {
padding-top:0;
padding-bottom:0;
border-bottom: 1px solid #5891AE;
}

ul#librarylist li {
padding-bottom:10px;
padding-top:10px;
line-height: 130%;
border-top: 1px solid #5891AE;
}

ul#librarylist li a {
  display: block;
  color: #FFFFFF; 
}

#librarylist a:hover {
color: #CCCC66; 
} 


/*library documents*/
#userlibraryHeading {
color: #0099CC;
font-size: 1.7em;
padding-top:20px;
clear:both;
border-top: 1px solid #333333;
}

ul#userlibrarydownloads {
padding-top:0;
padding-bottom:0;
margin-bottom: 20px;
}

ul#userlibrarydownloads li {
background-color: #333333;
border-top: dotted 1px #666666;
position: relative;
padding-top:0;
padding-bottom:0;
}

ul#userlibrarydownloads li a {
  display: block;
  padding: .60em 1.3em .60em 1em; 
  color: #FFFFFF; 
}

#userlibrarydownloads a:hover {
color: #FFFFFF; 
background-color: #666666;
} 

.userlibraryinfoLink {
color:#CCCC66;
font-weight: bold;
}




/*image gallery*/



#devgallerycontainer {

clear:both;

width: 563px;

}



#developmentimages1 {

width: 172px;

border: 4px solid #FFFFFF;

background-color:#242424;

float: left;

padding: 5px;

margin-top: 15px;

}



#developmentimages2 {

width: 172px;

border-top: 4px solid #FFFFFF;

border-bottom: 4px solid #FFFFFF;

border-right: 4px solid #FFFFFF;

background-color:#242424;

float: left;

padding: 5px;

margin-top: 15px;

}



#developmentimages3 {

width: 172px;

border-top: 4px solid #FFFFFF;

border-bottom: 4px solid #FFFFFF;

border-right: 4px solid #FFFFFF;

background-color:#242424;

float: left;

padding: 5px;

margin-top: 15px;

}



.data {

clear: both;

float:left;

width: 555px;

border: 4px solid #FFFFFF;

margin-top: 15px;

}



.data table{

border-top: 1px #CCCCCC;

width: 100%;

}



.data table td {

padding: 10px;

border-top: 1px solid #666666;

font-size: 1.1em;

background-color:#333333;

}



th.leftcolumn {

background-color:#242424;

padding: 7px 10px 7px 10px;

text-align: left;

font-size: 1.1em;

border-top: 1px solid #666666;

}



.devCaption {

color: #0099CC;

font-size: 1.6em;

font-weight: normal;

margin: 0;

padding: 10px;

line-height:135%;

background-color:#000000;

width: 535px;

text-align: left;

}