/* generic features of all pages */

body {
	margin: 0px;
	padding: 0px;
}

body, p, ol, td {
	font-size: 13px;
}

body, ol, p, h2, h3, td, ul, li {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #FFF;
	background: #000;
}

hr {
    height:5px;
    width:100%;
    background:white;
    margin: 0px 50px 15px 50px;  
   }

/* centering CSS */

.maximum {
     text-align: center;
}

.fixing {
	margin: 0px auto;
}



/* basics of the site navigation */

.navi {
	text-align: center;
}

.navigate {
	text-align: center;
	color: #fff;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	padding-bottom: 10px;
}

#nopadd {
	padding-bottom: 10px !important;
}

.content { text-align: center; margin-top: 50px; font-family: 'Trebuchet MS', sans-serif; letter-spacing: 1px; font-size: 12px;}


/* when new products banner is displayed, reduce padding-bottom to 10px */

.newproducts {
	width: 250px;
	height: 63px;
	border: 0px;
	padding: 1px;
	margin-bottom: 10px;
}


/* when new projects banner is displayed, reduce padding-bottom to 10px */

.newprojects {
	width: 250px;
	height: 63px;
	border: 0px;
	padding: 1px;
	margin-bottom: 10px;
}

/* when new projects banner is displayed, reduce padding-bottom to 10px */

.newpricelist {
	width: 150px;
	height: 49px;
	border: 0px;
	padding: 1px;
	margin-bottom: 10px;
}


/* hack invisible to NN4.# that means NN4's version of the navigation degrades into standard links, while other browsers have block links that change colour when hovered */

a.na_vig:link, a.na_vig:active, a.na_vig:visited {
	text-decoration: none;
	margin: 3px 3px;
	padding: 3px 12px;
	border: 1px solid #fff;
}

a.na_vig:hover {
	color: #000;
	background: #fff;
	padding: 3px 12px;
}

#greyout {
	color: #a0a0a0;
	background: #000;
}



.ob_ject {
	display: none;
}

.logo {
	width: 394px;
	height: 186px;
	border: 0px;
	margin-bottom: 10px;
}


/* Customer columns */

#customleft {
line-height: 20px;
}

#customright {
line-height: 20px;
}




/* Pictures on News page */

.stc {
	width: 320px;
	height: 226px;
	margin: 5px 0px 10px 10px;
	border: 0px;
}




/* Pictures on Gallery page */

.gallery {
	margin: 5px;
	border: 0px;
}

a:link, a:active, a:visited{
	color: #fff;
}

a:hover{
	text-decoration: none;
}




/* Image table on the front page */

.ect {
	width: 404px;
	height: 270px;
	background: #53555A;
}

.picpad {
	padding: 1px;
}




/* Text alignment in primary text table on the front page */

.banana {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

.apple {
	text-align: center;
	margin: 0px auto;
}

.equal {
	text-align: center;
	margin: 0px auto;
	width: 33%;
}




/* Main new item spacing of lowest (or only) paragraph of news */

.baseline {
	margin-bottom: 20px;
}

/* Format for the web designer link at the base of the page */

.designed {
	font-family: 'Trebuchet MS', sans-serif;
	padding-top: 20px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}




/* Address details */

.mailing {
	font-size: 16px;
}




/* Links on Product Page */

a.upp:link, a.upp:active, a.upp:visited {
	font-size: 18px;
	padding: 2px;
	line-height: 22px;
	text-decoration: none;
}

a.upp:hover {
	background-color: white;
	color: black;
} 

a.lww:link, a.lww:active, a.lww:visited {
	font-size: 16px;
	padding: 2px 0px 0px 0px;
	line-height: 22px;
	text-decoration: none;
}

a.lww:hover {
	color: red;
} 




/* Container on Product Page */

.contain {
	width: 220px;
	text-align: left;
}

#prodtitle {
	width: 520px;
	text-align: left;
	font-size: 22px;
        font-weight: bold;
	letter-spacing: 0.095em;
}

.individual {
	width: 520px;
	text-align: left;
	font-size: 18px;
}

#prodintro {
	width: 520px;
	text-align: left;
}


.producthilite {
       	background-color: white;
	color: black;
}

.picmid {
	padding: 10px 10px;
	border: 0px;
}

.picmidhead {
	padding-left: 45px;
	padding-right: 40px;
	padding-bottom: 10px;
}

.info {
	background-color: white;
	color: black;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
}

#productbox {
	width: 520px;
	padding: 0px;
}

#topbox {
	padding-top: 0px;
}

.gallerybox {
	width: 250px;
	padding: 0px 15px 5px 10px;
	text-align: center;
	font-size: 13px;
}

.gallerytext {
	width: 250px;
	padding: 0px 15px 15px 10px;
	text-align: justify;
	font-size: 13px;
}

.specs {
	font-size: 14px;
	margin-bottom: 30px;
	margin-top: 10px;
}

.oletter {
	list-style-type: lower-alpha;
	}

/* where specifications are followed my additional thumbnails use specs with pics class instead to reduce gap between specification and pictures */

.specswpics {
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 10px;
}


/* hack invisible to NN4.# that means NN4 has 150px of left padding but other browsers don't, as they don't need it */

.ca_ncelpad {
	padding-left: 0px !important;
}


/* hack invisible to NN4.# that means NN4 shows bold primary products and other browsers don't */

.un_bold {
        font-weight: normal !important;
}