/***** This CSS file is for the layout of img and text in bodycontent area only.*****

*******************AND IS FOR TESTING ONLY*****************************/
/* These are all elements in the bodycontent area.*/
#bodycontent {
	position: absolute;
	top: 135px;
	left: 144px;
	width: 712px;
 	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 8px 3px 5px 3px;
	line-height: 1.4em;
	margin-bottom: 3em;
}

#breadcrumb {
	position: absolute;
	top: 0.3em;
	left: 1.5em;
	font-size:11px;
}
#bodycontent p {
	clear:both;
	padding-left: 0;
	text-align: center;
}
/************************************************welcome meassage at start of page************************/
#bodycontent .welcome_message {
	font-size:12px;
	margin-left:1.5em;
	margin-right:1.5em;
}
/********************************************************* h2 heading is " the the title of the product and the code". */
h1 {
 	color: #0000FF;
	font-size: 18px;
	font-weight: normal;
	padding-top: 1.5em;
	text-align: center;
}		
/*
/********************************************************* h2 heading is " the the title of the product and the code". */
h2 {
 	color: #0000FF;
	font-size: 15px;
	font-weight: normal;
	padding-top: 1.5em;
	text-align: center;
}		
/************************************************************this heading is for reg tradmarks*/
h3 {
	font-size:xx-small;
	color:#999999;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
/******************************************************* promo text is the if statment that shows under the title h2 on tvlisting only.**/
.promotext {
font-weight:bolder;
color:#FF6600;
font-family:Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #FF6600;

}
/*****************************************************table for the product values, price, size, qty etc,*******************************/
#tvlisting_products td#left {
	font-size:12px;
	color: #333333;
	padding-right:1em;
}
#tvlisting_products td#right {
	font-size:13px;
	color:#333333;
}
td#tvlisting_discription {
	font-size:12px;
	line-height:1.4em;
	padding:1.5em;
}
td .recommend_and_printer {
	font-size:10px;
	line-height: 1.2em;
}
/******************************************************** contents li is the contents of any tools included, like a socket set, that has lots of bits.******/
#contents {
	margin-top:1.5em;
	font-size:12px;
}
#contents li {
	font-size: 12px;
	line-height:1.4em;
}
/************************************************************This one is for the IF jointitems statment on tvlisting.php page.************/
#jointitems {
	border:1px solid #999999;
	margin-left:1em;
}
td#jointitems_title {
	border-bottom:1px solid #999999;
	font-size:14px;
	font-weight:bold;
	color:#003366;
	background-color:#0099FF;
}
#img1 {
	padding: 8px;
	border-bottom:1px solid #999999;
}
#img2 {
	padding: 8px;
}
#discription1 {
	font-size:12px;
	border-bottom:1px solid #999999;
	padding-left:1em;
}
#discription2 {
	font-size:12px;
	padding-left:1em;
}
#price1 {
	padding: 5px 0px 0px 0px;
	font-size:12px;
	color:#333333;
}
#price2 {
		padding: 5px 0px 0px 0px;
	font-size:12px;
	color:#333333;
}
#morelink1 {
	padding: 0px 0px 10px 0px;
	font-size:12px;
	border-bottom:1px solid #999999;}
#morelink2 {
	padding: 0px 0px 10px 0px;
	font-size:12px;
}	
/**************************************************************A few more items based on your choice above table**********************************************/
#catagory_related_items {
	border: 1px solid #333333;
	margin-left:0.5em;
	margin-top:2.5em;
	padding: 0px 0px 14px 0px;
}
td#catagory_related_items_title {
	padding-bottom:0px;
	margin-bottom:0.5em;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #333333;
}
#catagory_related_items a:hover{
	text-decoration:none;
}
/********************This is for the thumbnails on tvlisting.php, A few more items based on your choice above table**************************/
#albumlist_tvlisting {
	list-style-type: none;
	margin-bottom: 0em;
	margin-left:-28px;
}
#albumlist_tvlisting li {
	float: left;
	padding-left: 0.5em;
	margin-right: 0px;
	font-size:8px;
	color: #666666;
}
#albumlist_tvlisting img {
	display: block;
	border: 1px solid #999999;
	margin-top:0.5em;
}
#albumlist_tvlisting a:hover {
	background-color: #FF9900;
	color:#990000;
	text-decoration: none;
}
/***********************************************************Project Articles***********************************************************************************/
#project_articles {
	border:1px solid #009933;
	margin-top:1em;
}
td#project_articles_title {
	border: 1px solid #003333;
	background-color:#009933;
	font-size: 14px;
	font-weight: bold;
	color:#003300;
}
td#project_articles_discription {
	font-size: 12px;
}
td#project_articles_link {
	font-size:10px;
}
/******************** **************************************** Acceptance Mark on tvlisting.php****************************************************************/
#paypallogo {

	position: absolute;
	top:12em;
	left: 1.5em;
}
#safebuy_square {
	position:absolute;
	top:1176px;
	left:302px;
}
#trustpilot {
	position: absolute;
	top:1177px;
	left: 459px
}
#shopwiki {
	position: absolute;
	top:1176px;
	left:530px;
}

#paypal_logo {
	position:absolute;
	top: 21.3em;
	left: 0em;
}

/*************************************This section deals with the layout of all the thumbnail in the catagory pages i.e /construction.php.*******************/
#albumlist {
	list-style-type: none;
	margin-bottom: 0em;
}
#albumlist li {
	float: left;
	padding-left: 2.1em;
	margin-right: 0px;
	margin-bottom: 5px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	color: #666666;
}
#albumlist img {
	display: block;
	border: 1px solid #333300;
}
#albumlist a:hover {
	background-color: #FF9900;
	color:#990000;
	text-decoration: none;
}

#catagory_selections {
	position:relative;
	top:0.5em;
	left:-1.8em;
	width:46em;
	margin-bottom:2em;
}

#aboutaddy p {
	text-align: left;
}
.galleryphoto p {
	position: static;
	font-size: 95%;
	margin: 0;
	line-height: 1.4em;
	top: 0;
	right: 0;
}
/**********************************************************************This if for safety note acros the site********/
.safety {
	border: 2px solid #FF0000;
	background-color: #EBFFD5;
	width: 100%;
}	

/***********************************************************************Span class for the tool & Volt on the products pages ********/
.tool {
	font-weight: bold;
	color:#FF0000;
	font-size:16px;
}
.volt {
	font-style:italic;
	color:#0000FF;
	font-size:16px;
}
.couk {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
}
.price {
	font-weight:bold;
	color:#00C;
	font-size:16px;
}
/*******************************/
#googlesearch {
	position: relative;
	top:0em;
	margin:1em;
	clear:both;
}

#product_page_base_banner {
	position: relative;
}
.tradingname {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size:12px;
	color: #CC6600;
}
img {
	border-style: none;
}

