/* CSS Document */

/*///////////////For All///////////////*/

*				{
				margin: 0;
				padding: 0;
				}
				
a				{
				text-decoration: none;
				color: #047;
				}
				
a:hover			{
				color: #333;
				}			
				
li				{
				list-style: none;
				}
				
img				{
				border: none;
				}
				
input			{
				font: normal 11px Arial;
				color: #333;
				}
				
select			{
				font: normal 11px Arial;
				color: #333;
				}
				
/*///////////////Body///////////////*/

body			{
				background-color: #fff;
				font: normal 11px Arial;
				color: #444;
				}
				
#container		{
				width: 950px;
				margin: 0 auto;
				padding: 0;
				}
				
/*///////////////Quick Navigation///////////////*/

#quick_links	{
				height: 25px;
				background-color: #eee;
				}
								
				#quick_links ul		{
									text-align: right;
									padding-top: 5px;
									}
								
				#quick_links li		{
									display: inline;
									}
								
				#quick_links a		{
									font-weight: bold;
									color: #555;
									padding: 0 10px;
									}
										
				#quick_links a:hover{
									color: #000;
									}
				
/*///////////////Header///////////////*/

#header			{
				height: 200px;
				background-color: #222;
				overflow: hidden;
				}
				
/*///////////////Navigation///////////////*/

#nav			{
				height: 49px;
				background-color: #222;
				}
				
				#nav_left		{
								float: left;
								height: 49px;
								width: 19px;
								background: url(../images/nav_left.jpg) no-repeat;
								}
								
				#nav_mid		{
								float: left;
								height: 49px;
								width: 912px;
								background: url(../images/nav_mid.jpg) repeat-x;
								}
								
				#nav_right		{
								float: left;
								height: 49px;
								width: 19px;
								background: url(../images/nav_right.jpg) no-repeat;
								}
								
/*///////////////Content///////////////*/

.content		{
				background-color: #fff;
				overflow: hidden;
				padding: 10px 0;
				}
				
				.con_side		{
								float: left;
								width: 195px;
								}
							
				.con_mid		{
								float: left;
								width: 540px;
								margin: 0 10px;
								}
.paintingShow
{ position:relative;
top:0px;
left:0px;
width:540px;
}
.paintingHide
{ position:relative;
top:0px;
left:0px;
width:540px;
display:none;
}
.fencingShow
{ position:relative;
top:0px;
left:0px;
width:540px;
}
.fencingHide
{ position:relative;
top:0px;
left:0px;
width:540px;
display:none;
}

.timberFenceShow
{ position:relative;
top:0px;
left:0px;
width:540px;
}
.timberFenceHide
{ position:relative;
top:0px;
left:0px;
width:540px;
display:none;
}
.colourbondFenceShow
{ position:relative;
top:0px;
left:0px;
width:540px;
}
.colourbondFenceHide
{ position:relative;
top:0px;
left:0px;
width:540px;
display:none;
}
.tilingShow
{ position:relative;
top:0px;
left:0px;
width:540px;
}
.tilingHide
{ position:relative;
top:0px;
left:0px;
width:540px;
display:none;
}
								
/*///////////////Others///////////////*/

.search			{
				width: 152px;
				height: 16px;
				margin-left: 2px;
				background-image: url(../images/search.jpg);
				border: 0;
				padding: 4px 0 0 5px;
				color: #000;
				}
								
.con_side ul	{
				font-weight: bold;
				}
				
.con_side ul li	{
				line-height: 25px;
				}
				
.con_side ul li a		{
						display: block;
						width: 195px;
						border-bottom: 1px solid #fff;
						background-color: #f1f2f2;
						text-indent: 20px;
						color: #666;
						}
						
.con_side ul li a:hover	{
						background-color: #eaeaea;
						color: #333;
						}
						
.con_mid h1		{
				/*width: 195px;*/
				font: bold 11px Arial;
				line-height: 25px;
				margin-bottom: 5px;
				}
				
.con_mid h3		{
				font: bold 11px Arial;
				color: #047;
				line-height: 25px;
				margin: 0 0 5px 5px;
				}
				
.con_mid p		{
				line-height: 16px;
				margin-bottom: 15px;
				padding: 0 5px;
				text-align: justify;
				}
				
.con_mid img.welcome	{
						float: right;
						margin: 0 5px 10px 15px;
						}
						
.heads			{
				text-indent: 15px;
				background-color: #333;
				color: #fc0;
				}
						
.cats			{
				text-indent: 15px;
				background-color: #A7BF51;
				color: #333;
				}
				
/*///////////////Featured///////////////*/

.featured		{
				background-color: #A7BF51;
				padding: 6px 7px 8px 7px;
				}
				
				.featured img		{
									border: 1px solid #333;
									height: 60px;
									overflow: hidden;
									}
									
				.featured p			{
									font: normal 11px Arial;
									color: #047;
									line-height: 10px;
									width: 50px;
									margin: 3px 0 10px 0;
									}
									
/*//////////////////Product//////////////////*/
									
.product_hold	{
				overflow: hidden;
				width: 516px;
				padding: 20px 0px 20px 20px;
				
				margin-top:2px;
				}
				
.product		{
				position:relative;
				top:0px;
				left:0px;
				float: left;
				width: 152px;
				margin: 0 20px 20px 0;
				height:200px;
				
				}
.productImage
{
				position:relative;
				top:0px;
				left:0px;
				width: 152px;
				height:152px;

}
.productImage2
{
				position:relative;
				float:left;
				top:0px;
				left:0px;
				width: 160px;
				

}
.productImageDetails
{
				position:relative;
				float:left;
				top:0px;
				left:0px;
				width:270px;
				margin-left:10px;

}
.productImageDetailsTop
{
				position:relative;
				top:0px;
				left:0px;
				width:270px;
				
				border-bottom:1px solid #666666;
				padding-bottom:5px;
				font-size:12px;
				font-weight:bold;
				
				

}
.productImageDetailsHeading
{
color:#426602;

}
.productImageDetailsMiddle
{
				position:relative;
				top:0px;
				left:0px;
				width:270px;
				padding-top:10px;
				
				

}
.productImageDetailsBottom
{
				position:relative;
				top:0px;
				left:0px;
				width:270px;
				padding-top:20px;
				
				

}

.fontBold
{
				
				font-weight:bold;
}

			
.productName
{
				position:relative;
				top:0px;
				left:0px;
				width: 152px;
				height:15px;
				text-align:center;
				font-weight:bold;

}
.productDesc
{
				position:relative;
				top:0px;
				left:0px;
				width: 152px;
				height:20px;
				text-align:center;

}
				
.product img	{
				border: 1px solid #333;
				}
				
.product .tag		{
					display: block;
					font: normal 11px Arial;
					color: #047;
					padding-top: 5px;
					}
					
.product .link		{
					font: bold 12px Arial;
					color: #666;
					}
							
.product .link:hover{
					color: #000;
					}
					
.product .price		{
					font: bold 11px Arial;
					color: #2E631D;
					}
									
/*///////////////Footer///////////////*/

#footer			{
				height: 50px;
				overflow: hidden;
				margin-bottom: 10px;
				}
				
				#footer_left	{
								height: 50px;
								float: left;
								width: 19px;
								background: url(../images/footer_left.jpg) no-repeat;
								}
								
				#footer_mid		{
								height: 50px;
								float: left;
								width: 912px;
								background-color: #333;
								font: normal 10px Arial;
								line-height: 48px;
								}
								
								#footer_mid p.left		{
														float: left;
														color: #ddd;
														}
														
								#footer_mid p.left span	{
														color: #fc0;
														}
														
								#footer_mid p.right		{
														text-align: right;
														color: #ddd;
														}
														
								#footer_mid p.right a	{
														color: #cf0;
														}
														
								#footer_mid p.right a:hover	{
														color: #fff;
														}
								
				#footer_right	{
								height: 50px;
								float: left;
								width: 19px;
								background: url(../images/footer_right.jpg) no-repeat;
								}
.searchNavigation
{
position:relative;
top:0px;
left:0px;
width:516px;
height:20px;
padding-top:5px;
overflow: hidden;
padding: 20px 0 0 20px;
background-color:#f1f2f2;
}
.searchNavigation a
{
color:#336600;
}
.searchNavigation a:link
{
color:#336600;
text-decoration:none;
}
.searchNavigation a:hover
{
color:#999900;
text-decoration:underline;
}


.previousNav
{
position:absolute;
top:0px;
left:10px;
width:60px;
height:20px;
padding:5px 0px 0px 20px;
font-size:14px;
font-weight:bold;



}
.pageNumberNav
{
position:absolute;
top:0px;
left:80px;
width:350px;
height:20px;
padding-top:5px;
text-align:center;
font-size:14px;
font-weight:bold;

}
.nextNav
{
position:absolute;
top:0px;
left:426px;
width:75px;
height:20px;
padding:5px 5px 0px 0px;
text-align:right;
font-size:14px;
font-weight:bold;

}
.quantitySelectBox
{
width:40px;

}
.itemSelectBox
{
width:120px;

}
.sizeTxtBox
{
width:120px;

}

/* harry */

#page_content ul li{
	margin-left:30px;
	list-style:outside;
}