/* main site styles */

body, html {width:100%; height:100%}

body { 
	margin: 0;
	padding: 0;
	font: 100% Arial, Helvetica;
	font-size: 0.9em;
	color: #3D1808;
	background: url(http://images.uk-plc.net/templates/libra/images/LibraBgBlur.jpg) 0 0 no-repeat #91683E;
	}
	
div,ul,li,form{
	margin: 0;
	padding: 0;
/*border-color:#FF0000; border:1px solid; for debugging*/
}

a img {border:0px;}

h1{font-size: 1.3em; margin: 2px 0;}
h2{font-size: 1.2em; margin: 10px 0 0 0;}

a:link {color: #3D1808;}
a:visited {color: #3D1808;}
a:hover {text-decoration: underline; color: #DBA67E;}

form {margin: 0;padding: 0;}

#sitemap {margin-left: 30px}
#sitemap h2 {text-indent:10px;}
#sitemap ul {text-indent:30px;list-style:none;}


/* page layout and structure */

#logo {
	float: left;
	width: 100%;  
	text-align: left;
	background: url(http://images.uk-plc.net/templates/libra/images/LibraLogo.gif) 0 0 no-repeat #FFFFFF;
	height: 110px;
}

/* tab navigation */
#tabnav {
	float:left;
	width:100%; 
	height:23px;
	min-height:23px; /*opera weirdness*/
	white-space:nowrap;
	font-size:0.9em;
	background-color:#ba8f62;
	border-bottom:1px solid #e7ceb2;
}

#tabnav ul {margin-left:200px; display:none; height:23px; display:block; list-style:none;  }

#tabnav li {
	height:23px;
	white-space:nowrap; /*prevent text wrapping*/
	float:left; /*keep them inline*/
	border-left:1px solid #e7ceb2;
	}
	
#tabnav li a {display:block; text-decoration:none; color:#FFFFFF; background-color:#ba8f62;}
#tabnav li a span {display:block; padding: 0.24em 1em;}
#tabnav a:hover {background: url(http://images.uk-plc.net/templates/libra/images/menuBg2R.gif) 0 0 repeat-x #90673D; /*height: 24px;  crashed IE6 */}
	
#columnContainer{ 
	width: 100%;
	float: left;
	min-width: 960px;
	background: url(http://images.uk-plc.net/templates/libra/images/LibraBg.gif) 0 0 repeat-x #91683E;
	}

#leftColumn
	{width: 200px; float: left; font-size: 0.8em;  background-color:#BA8F62; color:#FFFFFF;}

#leftColumn ul li {list-style: none;}

#leftColumnMenus ul li {
	list-style: none;
	/*height: 1.9em;*/
	line-height: 1.9em;
	margin: 0;
	font-size: 1em;
	border-bottom: 1px solid #795735;
	background-color: #9c7248;}

#leftColumnMenus ul li a {	
	padding: 0 0 3px 27px;
	height: 1.7em;
	text-decoration: none;
	display: block;
	color:#FFFFFF;	
	background-color: #9C7248;} 

#leftColumnMenus ul li a:hover
{background: url(http://images.uk-plc.net/templates/libra/images/menuBg1R.gif) 0 0 repeat-x #D39947; color:#FFFFFF;}

/*
#leftColumnMenus ul li a:hover {background-color:#D39947; color:#FFFFFF;}
#leftColumnMenus ul li a img {text-decoration: none;}*/
	
.menuTitle {margin:0;padding:0;
padding-left:27px; 
color:#FFFFFF;
height: 1.8em; 
line-height: 1.8em;
font-size:1em;
background: url(http://images.uk-plc.net/templates/libra/images/slash.gif) 15px 6px no-repeat;}

#middleColumn
	{min-height:500px; 
	width:733px;
	float:left;
	background: #FFFFFF;
	height:100%; 
	}

#objectDiv {float:left; width:550px; height:400px; 
background:url(http://images.uk-plc.net/templates/libra/images/librasplash.jpg) #b98f62 no-repeat ;}

#ProdInCatLink {float:left; width:100%; margin:5px 0;}

.trail, #ProdInCatLink .item {color:#9c7248;margin: 4px 0;}
.trail a, #ProdInCatLink .item a {color:#9c7248;}
#ProdInCatLink .menu { font-weight:bold; /*background-color:#e7ceb2;*/}
#ProdInCatLink .link {}

.item {display:block; width:100%; float:left; }
.menu {/*float:right; width:49%;*/ text-align:right; padding:2px;}
.menu a {font-weight:bold;}
.link  {/*float:right; width:49%;*/ text-align:right; padding:2px;}
.link img {border:0; padding-left:10px; vertical-align: middle;}

.nextprev {display:block; width:100%; text-align:right;}

#pageContent {font-size:0.8em;	line-height:1.2em; /*margin-bottom:10px*/}
#pageContent #margin {margin:0 10px 10px 10px;}
#pageContent h1{padding:10px 0; color:#412e1c;}
#pageContent .pageImage {float:left; margin:10px; border:1px solid #CCCCCC;}
#pageContent #tabh h1 span {padding:5px 0;margin:5px 0;}

#searchBox {float:left; height:230px; width:200px; background: url(http://images.uk-plc.net/templates/libra/images/searchBox.gif) 0 0 repeat-x #90673d;}
#searchBox form {padding:10px;float:left;}
#searchBox li {line-height:1.5em;}
#searchBox label {display:block;}
.searchInput {margin:5px 0 10px 0; width:90%}
.formButton {text-align:right;}

.smallprint {color:#706464; font-size:0.8em}

.Pspec{font-weight:bold; display:block;width:99%; border-bottom-style:solid; border-bottom-color:#dcc7b0; border-bottom-width:2px; color:#dcc7b0;}

.itemList {margin:0; padding:0; list-style:none;}
.itemList li {margin:5px 0; padding:0; 
	width:100%;
	display:block;
	float:left;
	/*border:1px solid #DBA67E;
	background-color:#F7E5AE;*/
}

.itemList img {
float:left;border:1px solid #CCCCCC;margin:0; padding:0; /*width:180px; height:180px;*/ 
text-decoration:none;margin-right:10px;
}

.searchresult img {
float:left;border:1px solid #CCCCCC;margin:0; padding:0; /*width:180px; height:180px;*/ 
text-decoration:none;margin-right:10px;
display:none;
}

table td {font-size:1em; /*line-height:1.8em*/}

.productTable {float:left;width:99%; margin:10px 0; cellspacing:0; cellpadding:0;}
.productTable td {padding:2px}
.productTable th {text-align:left; border-bottom-style:solid; border-bottom-color:#dcc7b0; 
border-bottom-width:2px; color:#dcc7b0;}

.alert {color:#FF0000}

#rightColumn {width: 182px; float: right; /*height: 195px;*/ border-right:1px solid #FFFFFF;}	
#rightColumn img {border:0;width:182px; height:200px;}
 
#rightColumn li{width:182px; height:200px; float:left; display:block;}

#rightColumn .bestsellers {background: url(http://images.uk-plc.net/templates/libra/images/bestsellers.jpg) 0 0 no-repeat; }
#rightColumn .bestsellers:hover {background: url(http://images.uk-plc.net/templates/libra/images/bestsellersR.gif) 0 0 no-repeat; }

#rightColumn .tableware {background: url(http://images.uk-plc.net/templates/libra/images/tableware.jpg) 0 0 no-repeat; }
#rightColumn .tableware:hover {background: url(http://images.uk-plc.net/templates/libra/images/tablewareR.gif) 0 0 no-repeat; }	

#rangeSquares .homefurniture {background: url(http://images.uk-plc.net/templates/libra/images/HomeFurniture08.jpg) 0 0 no-repeat; border-left:1px solid #FFFFFF; }
#rangeSquares .homefurniture:hover {background: url(http://images.uk-plc.net/templates/libra/images/HomeFurnitureR.gif) 0 0 no-repeat; }	

#rangeSquares .homeaccessories {background: url(http://images.uk-plc.net/templates/libra/images/HomeAccessories08.jpg) 0 0 no-repeat; }
#rangeSquares .homeaccessories:hover {background: url(http://images.uk-plc.net/templates/libra/images/HomeAccessoriesR.gif) 0 0 no-repeat; }	

#rangeSquares .gardenaccessories {background: url(http://images.uk-plc.net/templates/libra/images/GardenAccessories08.jpg) 0 0 no-repeat; }
#rangeSquares .gardenaccessories:hover {background: url(http://images.uk-plc.net/templates/libra/images/GardenAccessoriesR.gif) 0 0 no-repeat; }	

#rangeSquares .gardenfurniture {background: url(http://images.uk-plc.net/templates/libra/images/GardenFurniture08.jpg) 0 0 no-repeat; }
#rangeSquares .gardenfurniture:hover {background: url(http://images.uk-plc.net/templates/libra/images/GardenFurnitureR.gif) 0 0 no-repeat; }	

#leftFeature, #rightFeature {background-color: #FFFFFF;background-color: #AAA299;}

#leftFeature span, #rightFeature span {
	display:block;
	margin: 0px 1px 0px 6px ;
	padding: 0 0 10px 10px;
	background-color:#FFFFFF;
	font-size: 0.7em;}

#rightFeature span {height:370px; margin: 0 10px; padding: 20px 10px 20px 10px; /*careful of IE6*/ float:none;}

#middleFeature {background-color: #90673D; clear:left; float:left; width:100%; 	
	font-size: 0.95em;
	line-height: 1.2em;
	color:#FFFFFF;
	}

#middleFeature span {padding:12px;
	display:block;
	border:1px solid #FFFFFF;
	border-top:none;
	border-bottom:none;
}

#middleFeature h1 {font-size:1em;display:inline; float:left; margin:0; padding:0; margin-right:5px; color:#FFFFFF;}

/*#rangeSquares {width:100%; float:left; height:188px; margin:0;}*/

#rangeSquares img {border:0; width:182px; height:188px; }
 
#rangeSquares li {height:188px; width:182px; border-right:1px solid #FFFFFF; float:left; display:inline;}

#rangeSquares .rangeSquares1 {border-left:1px solid #FFFFFF; background: url(http://images.uk-plc.net/templates/libra/images/HomeAccessories08.jpg) 0 0 no-repeat;}
#rangeSquares .rangeSquares1:hover {border-left:1px solid #FFFFFF;background: url(http://images.uk-plc.net/templates/libra/images/HomeAccessoriesR.gif) 0 0 no-repeat;}
#rangeSquares .rangeSquares2 {background: url(http://images.uk-plc.net/templates/libra/images/HomeFurniture08.jpg) 0 0 no-repeat;}
#rangeSquares .rangeSquares2:hover {background: url(http://images.uk-plc.net/templates/libra/images/HomeFurnitureR.gif) 0 0 no-repeat;}
#rangeSquares .rangeSquares3 {background: url(http://images.uk-plc.net/templates/libra/images/GardenAccessories08.jpg) 0 0 no-repeat;}
#rangeSquares .rangeSquares3:hover {background: url(http://images.uk-plc.net/templates/libra/images/GardenAccessoriesR.gif) 0 0 no-repeat;}
#rangeSquares .rangeSquares4 {background: url(http://images.uk-plc.net/templates/libra/images/GardenFurniture08.jpg) 0 0 no-repeat;}
#rangeSquares .rangeSquares4:hover {background: url(http://images.uk-plc.net/templates/libra/images/GardenFurnitureR.gif) 0 0 no-repeat;}

.featImg{
margin: 10px 0 20px 0;
padding: 0 10px;
width: 120px; height:120px}

#rangeSquares{float:left;height:188px;width:733px;}
#rangeSquares ul {text-align:center;}
#rangeSquares ul li {float:left; list-style:none; /*width:140px;*/ text-align:center}
#rangeSquares ul li a img {float:left; border:0;}

/*.catTitle {margin: 0 auto; float:left; clear:left; padding: 2px 0px 5px 20px ; background: url(http://images.uk-plc.net/templates/libra/images/catButt.gif) 0 0 no-repeat; font-weight:bold; white-space:nowrap; text-decoration:none; width:150px; text-align:left}
.catText {float:left; clear:left; font-size:0.9em; padding:0px 10px 5px 10px;text-align:left}*/

#rangeSquares ul li a:hover {color:#DA1212;}

/* site form */
	
#pageContent form {  
  margin: 3px auto;
  padding: 0;
  min-width: 500px;
  max-width: 100%;
  width: 95%; 
}

#pageContent form p {
	padding: 3px;
	margin: 1px auto;
	text-align:left;
	background-color:#e6e2d2;
	 width: 90%; 
	 line-height:1.8em;
	}

#pageContent form fieldset 
{
	border: 0;
	border-top: 1px solid #000;
	padding: 10px;        /* for  IE */
	margin: 0;
}

#pageContent form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	color:#000000;
	margin:5px 0 10px 0;
}

#pageContent form label { 
	display: inline;  /* block float the labels to left column, set a width */
	float: left; 
	width: 50%; 
	/*padding: 0; */
	/*margin: 5px 0 0; breaks stuff */
	text-align: right; 
}

#pageContent form input, form textarea, form select
{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	/*margin: 5px 0 0 10px;  breaks stuff*/
	/*border: #000000 1px solid;*/
	padding: 1px;
}

#pageContent form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
	padding: 0px;
}

textarea {overflow: auto;}

form .required{font-weight:bold;} 

.footer, #footer
{  	clear:both;
	float:left;
	width:100%;
	height:3em;
	margin: 0 0 6px 0 ;
	/*width: 100%;*/ produces gap on right
	text-align: center;
	white-space: nowrap;
	font-size: 0.8em;
	/*background: url(http://images.uk-plc.net/templates/libra/images/footerBG.gif) 0 0 repeat-x; */
	background-color: #BA8F62;

	color:#FFFFFF;
	}
	
.footer a, #footer a {padding: 5px; text-align: center; color:#FFFFFF;}
.footer a:hover, #footer a:hover {color:#e7ceb2;}
.footer ul, #footer ul {float:left; width:100%; padding:5px 0 0 0; list-style:none; white-space:nowrap; line-height:2em;}
.footer ul li, #footer ul li {display:inline; padding:0 0.7em 0 1em; border-left:0.1em solid;}
.footer ul li.firstlink, #footer ul li.firstlink {border:0;}

.productPartNumberCell {
	font-size: 8pt;
}

.productPriceCell {
	font-weight: bold;
}

