/* CSS Document for http://www.noelwhelan.ie | Version 1
   Author - Protocol | Hosting Ireland | 
   http://www.hostingireland.ie | June 2007 */

/* =body declarations for body | ###IEB[]XHACK### 
	Body aligned to centered for browsers then 
countered to left for IE with #center division
==================================================*/

body{
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #999999;
	padding: 0px;
	background-image: url(../images/site_bg.jpg);
	font-weight: bold;
	}
	
#center{
	width: 943px;
	text-align: left;
	margin: auto;
	padding: 0px;
	background-color: #58574b;
	height: 690px;
	
}
#centergallery{
	width: 943px;
	text-align: left;
	margin: auto;
	padding: 0px;
	background-color: #58574B;
	/*height: 690px;*/
	
}
#gallerycenter{
	width: 943px;
	text-align: left;
	margin: auto;
	background-color: #58574b;
	height: 690px;
	padding: 0px;
}

img, a img {
	border: 0px;
}


/* =divs | declarations for divisions 
   during initial border layout
==================================================*/



/* =banner | banner image at top of page
==================================================*/

#banner{
	height: 93px;
	width: 607px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}



/* =indexlogo | logo image on front page
==================================================*/

#indexlogo{
	height: 93px;
	width: 592px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	background-color: #58574B;
}


/* =welcomemessage| welcomemessage on front page
==================================================*/

#welcomemessage{
	clear: none;
	margin-right: auto;
	margin-left: auto;
	float: none;
	width: 927px;
	background-color: #444339;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	position: absolute;
	top: 400px;
	padding-right: 8px;
}

/* =profilecontainer| on profile page
==================================================*/

#profilecontainer{
	background-color: #58574B;
	height: 370px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	padding-top: 16px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-image: url(../images/scanlines.jpg);
}

/* =profiletextcontainer| on profile page
==================================================*/

#profiletextcontainer{
	height: 350px;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 5px;
	margin-top: 5px;
	color: #F8F8F8;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* =presscontainer| on press page
==================================================*/

#presscontainer{
	height: 370px;
	overflow: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	padding-top: 16px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	margin-top: 5px;
	background-image: url(../images/scanlines2.jpg);
}


.presstitle{
	color: #58574B;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #81806F;
}
.pressimage{
	float: left;
	padding: 2px;
	margin: 5px;
	background-color: #CCCC99;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
.presstext{
	color: #C6C134;
	display: block;
	margin-top: 10px;
	height: 96px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.pressposted{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-left: 25px;
}

#pressspacer{
	height: 4px;
	width: 95%;
	margin-top: 4px;
	margin-bottom: 8px;
/*	background-image: url(../images/pressspacer.jpg);
	background-repeat: repeat-x;*/
}

.articleimage{
	float: left;
	background-color: #C6C134;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	padding: 2px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.articletext{
	display: block;
	margin-top: 10px;
	height: 96px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 10px;

}

.articleposted{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-left: 25px;
}

.prodimage{
	margin: auto;
 	min-height: 10em;
/*    display: table-cell;
    vertical-align: middle */ 
}

/* =contactcontainer| to hold contact details in correct position
==================================================*/
#contactcontainer{
	clear: none;
	margin-right: auto;
	margin-left: auto;
	float: none;
	top: 576px;
	width: 303px;
	position: absolute;
	padding-left: 640px;
}




/* =contactdetails| contactdetails on front page
==================================================*/

#contactdetails{
	width: 248px;
	float: right;
	padding-left: 700px;
	background-color: #CC0000;

}

/* =contactdetails2| contactdetails on gallery page
==================================================*/

#contactdetails2{
	width: 248px;
	float: right;
	padding-right: 15px;
	color: #999999;
	padding-top: 0px;

}


/* =logosmall| for displayimg the small logo
on the galeery page
==================================================*/

#logosmall{
	width: 200px;
	height: 75px;
	padding: 25px;

}


/* =indexfooter| indexfooter on front page
==================================================*/

#indexfooter{
	clear: none;
	float: none;
	background-image: url(../images/index_strip.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 943px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}

/* =cattitle| for gallery section
==================================================*/

#cattitle{
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}



/* =productcontainer| for displayimg items from 
             database in gallery section 
==================================================*/

#productcontainer{
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/product_container_bg.jpg);
	background-repeat: no-repeat;
	height: 380px;
}

/* =gallerycontainer| for displayimg items from 
             database in gallery section 
==================================================*/

#gallerycontainer{
	height: 399px;
	width: 876px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/scanlines.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.catimage{
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}


/* =scrollercontainer| for displayimg thumbs from 
             database in gallery section 
==================================================*/

#scrollercontainer{
	margin-right: auto;
	margin-left: auto;
}

/* =arrowleft| for displayimg thumbs from 
             database in gallery section 
==================================================*/

#arrowleft{
	width: 32px;
	height: 100px;
	float: left;
	background-color: #666600;
	top: 0px;
	right: 0px;
}

/* =arrowright| for displayimg thumbs from 
             database in gallery section 
==================================================*/

#arrowright{
	width: 30px;
	height: 100px;
	background-color: #990066;
	background-position: right;
	float: right;
}



/* =thumbnailcontainer| for displayimg thumbs from 
             database in gallery section 
==================================================*/

#thumbnailcontainer{
	width: 814px;
	top: 0px;
	left: 0px;
	overflow-y:hidden;
	overflow: auto;
	margin: auto;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}



#thumbstrip {
	overflow-y:hidden;
	margin: auto;
	padding: 0;
} 
#thumbstrip ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#thumbstrip ul li {display:table-cell; padding:0px; vertical-align:top;}
#thumbstrip ul li img {border:1px solid #555; margin: 0 5px 0 5px;}

/* =imagecontainer| for displayimg the image in database
within the lhs of the product container
==================================================*/

#imagecontainer{
	width: 415px;
	height: 345px;
	margin-top: 15px;
	margin-left: 28px;
	position: absolute;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* =descriptioncontainer| for displayimg the description of 
the product on display on the the rhs of the product container
==================================================*/

#descriptioncontainer{
	width: 320px;
	height: 345px;
	margin-top: 30px;
	position: absolute;
	margin-left: 485px;

}


#maptext{
	
}





/* =link| mail to link on front page
==================================================*/

a:link {
	color: #999999;
}


a:visited {
	color: #999999;
}

a:active {
	color: #999999;
}

a:hover {
	color: #999999;
}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#########################################################
END OF DIVS | END OF DIVS | | END OF DIVS | | END OF DIVS
#########################################################
  START OF CLASSES | START OF CLASSES | START OF CLASSES 
#########################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/*




/* =class | class declarations for tags
==================================================*/


/* =title | title class
==================================================*/
.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #816d65;
	clear: left;
	display: block;
	padding-bottom: 5px;
}

/* =prodtitle | title class
==================================================*/
.prodtitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C8C435;
	clear: left;
	display: block;
	padding-bottom: 5px;
}

/* =proddesc | tdescriprion class
==================================================*/
.proddesc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C9C532;
	clear: left;
	display: block;
	padding-bottom: 5px;
	padding-top: 10px;
	text-align: left;
}


/* =maintext | title class
==================================================*/
.maintext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5ca3b9;
	white-space: normal;
	page-break-before: left;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 500px;
}

.phptext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}

.greytext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}


.spacer{
	color: #333333;

}




.footer a:link {
	padding-right: 5px;
	background-image: url(../images/linkbp.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.footer a:visited {
	padding-right: 5px;
	background-image: url(../images/linkbp.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.footer a:hover {
	padding-right: 5px;
	background-image: url(../images/linkbp.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #000000;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
}

.footer a:active{
	padding-right: 5px;
	background-image: url(../images/linkbp.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}




.press a:link {
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.press a:visited {
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.press a:hover {
	color: #000000;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
}

.press a:active{
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


#maptext{
	width: 270px;
	position: absolute;
	top: 172px;
	padding-left: 550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
	padding-top: 0px;
}
.floatimage {
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}


.greenunderline {
	color: #C9C532;
	text-decoration: underline;
}