/*------------------------------------------------*/
/* Site Setup */
/*------------------------------------------------*/
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    border: none;
}

#wrapper
{
    width: 960px;
    margin: 5px auto 0px auto;
}

/*------------------------------------------------*/
/* head section*/
#header
{
    height: 40px;
    margin-bottom: 6px;
}
#mainLogo
{
    width: 411px;
    height: 38px;
    float: left;
}

.headerPhone{
	padding					: 0px 0px 0px 30px;
	margin					: 10px 0px 0px 0px;
 	font-size				: 200%;
	float					: right;
	background-image		: url(../images/headerPhone.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}




/*------------------------------------------------*/
/*top tabs nav*/
#navTop
{
	margin-top: 10px;
	height: 30px;
	display: inline;
}

#navTop img
{
	border: 0;
}

#content
{
    margin: 10px 0px 0px 0px;
}

#contentLeft{
    width				: 135px;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	display				: block;		
    float				: left; 
}



/*################
### NAVIGATION ###
################*/ 

/* Main Navigation */
#nav{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height					: auto;
}

ul#navMain{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	height					: 30px;
}

ul#navMain li{
	display 				: inline;

}
ul#navMain li a{
	padding 				: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	display 				: block;
	color 					: #666666;
	text-decoration 		: none;
	float 					: left;
	height					: 30px;
	background-image		: url(../images/btnBkgnd.gif);
	background-position		: left;
	background-repeat		: repeat-x;
	cursor                  : pointer;
}

ul#navMain li a:hover{
	color 					: #FFFFFF;
	background-color 		: #CC0000;
	background-image		: url(../images/btnBkgndHover.gif);
	background-position		: left;
	background-repeat		: repeat-x;
}

/* Doesn't work but this style should be selected */
ul#navMain li a.Test{
	color 					: #FFFFFF;
	background-color 		: #CC0000;
	background-image		: url(../images/btnBkgndHover.gif) !important;
	background-position		: left;
	background-repeat		: repeat-x;
}

.btnLeft{
	border					: none;
	padding					: 0px;
	margin					: 0px;
	height					: 30px;
	float					: left;
	background-image		: url(../images/btnLeft.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}

.btnText, .btnText1{
	display                 : block;
	padding 				: 0px 8px 0px 8px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 12px;
	line-height				: 2.4em;
	height					: 30px;
	background-image		: url(../images/btnRight.gif);
	background-position		: top right;
	background-repeat		: no-repeat;
}

*html .btnText, *html .btnText1{
	height					: auto;
}


.btnText1{
	padding 				: 0px 6px 0px 6px;
	background-image		: url(../images/btnRight1.gif);
}

*html .btnText1{
	padding 				: 0px 5px 0px 4px;
}

/* Sub Navigation */
#navLower{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height					: 35px;
	background-color        : #CC0000;
	border                  : 1px solid #DDDDDD;
	border-top              : none;
	color                   : #FFFFFF;
}

#navLowerLeft{
	margin					: 0px 0px 0px 0px;
	padding					: 10px 0px 0px 10px;
	float                   : left
}

*html #navLowerLeft{
	padding					: 5px 0px 0px 10px;
}



#navLowerRight{
    margin					: 0px 0px 0px 0px;
	padding					: 9px 10px 0px 0px;
	float                   : right
}

#navLowerRight ul{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	float                   : right;
}

#navLowerRight ul li{
	display 				: inline;

}

#navLowerRight ul li a{
	padding 				: 0px 0px 0px 23px;
	margin					: 0px 0px 0px 15px;
	display 				: block;
	color 					: #FFFFFF;
	text-decoration 		: none;
	float 					: left;
	line-height             : 1.6em;
	height                  : 20px; 
	cursor                  : pointer;
}




/*******************************************************/
#navPound{
    margin					: 0px 0px 0px 0px;
	padding					: 9px 10px 0px 0px;
	float                   : right
}

#navPound ul{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
}

#navPound ul li{
	display 				: inline;

}

#navPound ul li a{
	padding 				: 0px 0px 0px 23px;
	margin					: 0px 0px 0px 15px;
	display 				: block;
	color 					: #FFFFFF;
	text-decoration 		: none;
	float 					: left;
	line-height             : 1.6em;
	height                  : 20px; 
	cursor                  : pointer;
}
/*******************************************************/
.RedNavText {
	padding 				: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	
	color 					: #FFFFFF;
	text-decoration 		: none;
	
	line-height             : 1.6em;
	height                  : 20px; 
	
}
.RedNavText:hover {
	padding 				: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	
	color 					: #FFFFFF;
	text-decoration 		: underline;
	
	line-height             : 1.6em;
	height                  : 20px; 
	
}


#navLowerRight ul li a.iconVat{
	background  		    : url(../images/iconVat.gif) left no-repeat;
}

#navLowerRight ul li a:hover.iconVat{
	text-decoration 		: underline;
	background      		: url(../images/iconVatHover.gif) left no-repeat;
}


#navLowerRight ul li a.iconUser{
	background-image		: url(../images/iconUser.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#navLowerRight ul li a:hover.iconUser{
	text-decoration 		: underline;
	background-image		: url(../images/iconUserHover.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#navLowerRight ul li a.iconBasket{
	background  		    : url(../images/iconBasket.gif) left no-repeat;
}

#navLowerRight ul li a:hover.iconBasket{
	text-decoration 		: underline;
	background      		: url(../images/iconBasketHover.gif) left no-repeat;
}


#navLowerRight ul li a.iconCart{
	background-image		: url(../images/iconCart.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#navLowerRight ul li a:hover.iconCart{
	text-decoration 		: underline;
	background-image		: url(../images/iconCartHover.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}



/* Left Navigation */
#navLeft{
	margin				: 0px 0px 0px -3px;
	padding				: 23px 0px 0px 0px;
	display				: block;	
	width				: 138px;
	height				: auto;
	background			: #FFF url(../Images/leftNavBkrnd.gif) top left no-repeat;   
}

*html #navLeft{
	margin				: 0px 0px 0px 0px;
}

#ctl00_navBar ul{
	margin 				: 0px 0px 0px 3px;
	padding				: 0px 0px 0px 0px;
	display 			: block;
	list-style 			: none;
	width				: 132px;
	height				: auto;
	border-top			: 1px solid #FFFFFF;
	border-bottom		: 1px solid #FFFFFF;
}

#ctl00_navBar ul li{
	display 			: inline;
}

#ctl00_navBar ul li a{ 
	margin				: 0px 1px 1px 1px;
	padding				: 5px 0px 0px 5px;
	width				: 127px;
	float 				: left;
	color				: #666666;
	text-decoration 	: none;
	font-size 			: 11px;
	height 				: 18px;
	font-weight			: normal;
	background-color	: #DEDEDE;
}



/* ADHESIVES */
li.sColour1 a{
	background-color	: #E6C9BF !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour1 a:hover, li a.mColour1selected{
	background-image	: url(../Images/nav/leftNav3.jpg)
}


/* BOOKS */
li.sColour2 a{ 
	background-color	: #FFD2D2 !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour2 a:hover, li a.mColour2selected{
	background-image	: url(../Images/nav/leftNav4.jpg )
}


/* CLOCK MAKING */
li.sColour3 a{ 
	background-color	: #F1E49E !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour3 a:hover, li a.mColour3selected{
	background-image	: url(../Images/nav/leftNav5.jpg)
}


/* CARVING/TURNING */
li.sColour4 a{ 
	background-color	: #FFE09F !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour4 a:hover, li a.mColour4selected{
	background-image	: url(../Images/nav/leftNav6.jpg)
}


/* FLOORING */
li.sColour5 a{ 
	background-color	: #FFD5B9 !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour5 a:hover, li a.mColour5selected{
	background-image	: url(../Images/nav/leftNav7.jpg)
}


/* POLISHING */
li.sColour6 a{
	background-color	: #C2E0D6 !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour6 a:hover, li a.mColour6selected{
	background-image	: url(../Images/nav/leftNav8.jpg)
}


/* SUNDRIES */
li.sColour9 a{ 
	background-color	: #E6C9BF !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour9 a:hover, li a.mColour9selected{
	background-image	: url(../Images/nav/leftNav3.jpg)
}


/* TOOLS */
li.sColour10 a{ 
	background-color	: #FFD2D2 !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour10 a:hover, li a.mColour10selected{
	background-image	: url(../Images/nav/leftNav4.jpg)
}


/* VENEERING */
li.sColour11 a{ 
	background-color	: #F1E49E !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour11 a:hover, li a.mColour11selected{
	background-image	: url(../Images/nav/leftNav5.jpg)
}


/* WORKTOPS */
li.sColour12 a{ 
	background-color	: #FFE09F !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour12 a:hover, li a.mColour12selected{
	background-image	: url(../Images/nav/leftNav6.jpg)
}

/* HOT OFFERS */
li.sColour18 a{ 
	background-color	: #C2E0D6 !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour18 a:hover, li a.mColour18selected{
	background-image	: url(../Images/nav/leftNav8.jpg)
}

/* IRON ON EDGING */
li.sColour19 a{ 
	background-color		: #DEBCDD !important;
	font-size			: 90% !important;
	padding				: 6px 0px 6px 4px !important;
	height				: auto !important;
}
li.mColour19 a:hover, li a.mColour19selected{
	background-image	: url(../Images/nav/leftNav2.jpg)
}

/* ---- STATIC PAGES ----- */


/* PRODUCT SEARCH */
li.mColour13 a:hover, li.mColour13 a.selected{
	background-image	: url(../Images/nav/leftNav1.jpg);
	text-decoration 	: none !important;
}

/* SHEET MATERIALS */
li.mColour15 a:hover, li a.mColour15selected{
	background-image	: url(../Images/nav/leftNav1.jpg)
}

/* SOLID TIMBER */
li.mColour16 a:hover, li a.mColour16selected{
	background-image	: url(../Images/nav/leftNav2.jpg)
}

/* VIDEOS */
li.mColour17 a:hover, li.mColour17 a.selected{
	background-image	: url(../Images/nav/leftNav7.jpg)
}






#ctl00_navBar li a:hover{
	color				: #000000 !important;
}

#navLeftBot{
	margin			: 0px 0px 0px -3px;
	padding			: 0px 0px 0px 0px;	
	background		: url(../Images/leftNavBtm.gif) no-repeat;
	width			 :138px;
	height			: 16px;
}

*html #navLeftBot{
	margin			: 0px 0px 0px 0px;
}



#memberTeaser
{
	margin-top: 15px;
}




/*------------------------------------------------*/
/* Centre Content*/
#mainText
{
    width: 610px;
    float: left;
    margin-left: 10px;
}

/*------------------------------------------------*/
/*Teasers Right*/
#teasers
{
    width: 180px;
    float: right;
}

#teasers img
{
	margin-bottom: 10px;
}



/*################
##### FOOTER #####
################*/ 

/* bottom navigation */
#bottomNav{
	width				: 960px;
    background			: url(../Images/Nav-Bar.png) no-repeat;
    margin				: 10px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
    height				: 30px;
}

#bottomNav ul{
    margin				: 0px 0px 0px 165px;
	padding				: 0px 0px 0px 0px;
}

#bottomNav ul li{
    display				: inline;
	float				: left;
}

#bottomNav ul li a{
	display				: block;
    margin				: 8px 0px 0px 0px;
	padding				: 0px 10px 0px 10px;
    text-decoration		: none;
	color				: #666666;
	line-height			: 1.2em;
	border-right		: 1px solid #CCCCCC;
}

#bottomNav ul li a:hover{
	color				: #000000;
    text-decoration		: underline;
}


/* footer conatiner */
#footer{
    margin				: 10px 0px 10px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 960px;
    height				: 35px;
	color				: #666666;
	line-height			: 1.6em;
}

/* contact details */
#footerLeft{
    margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	float				: left;
	
}

/* navigation */
#footerRight{
    margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	float				: right;
	width				: 450px;
	text-align			: right
}

#footerRight img{
    margin				: 0px 0px 0px 15px;
	padding				: 0px 0px 0px 0px;
	float				: right;
}



/*
#subFooter{
    font-size: 9px;
    height: 5px;
}

#searchBar{  
    float: right;
    margin-right: 10px;
}

.SearchTextBox{
    width: 120px;
    height: 13px;
    border: solid 1px #CCC;
}*/



/*------------------------------------------------*/
/* Fonts */
/*------------------------------------------------*/
h1
{
    font-size: 16px;
    color: #B53429;
}

h1 a
{
    font-size: 16px;
    color: #B53429;
    text-decoration: none;
}
h1 a:hover
{
    font-size: 16px;
    color: #000000;
    text-decoration: underline;
}

h2
{
    font-size: 14px;
}

h3
{
    font-size: 10px;
}

h4
{
    font-size: 9px;
}

p
{
    font-size: 11px;
}

a
{
    color: #666666;
    text-decoration: underline;
}

a:hover
{
    color: #000000;
    text-decoration: underline;
}

.small
{
    font-size: 8px;
}

img
{
    border: 0px;
}

/*------------------------------------------------*/
/* Classes */
/*------------------------------------------------*/

.divErrorMessage
{
    border: solid 1px #FF0000;
}

.ProductHeader
{
    font-weight: bold;
    color:#777777;
}
.ProductDesc
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align :left;
    vertical-align: top;
}
.SmallFontsBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;

}
.SmallFontsGrey
{
    font-family: Arial, Helvetica, sans-serif;
    color: #777777;
    font-size: 8px;
    padding: 0px;
    margin: 0px;

}
 .SmallerFonts
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 50%;
    
    padding: 0px;
    margin: 0px;

}
.SmallFonts
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    padding: 0px;
    margin: 0px;

}
.SmallFontsBoldRed
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
    padding: 0px;
    color:#B53429;

}
.Validation
{
    color:#B53429;
    font-weight:bold;    
    font-size: 16px;
}

input[type="submit"]
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
	color: #FFFFFF;
	background-color: #CC0000;
	border: 1px solid #CC0000;
	font-size: 10px;
	cursor                  : pointer
}
input[type="button"]
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
	color: #FFFFFF;
	background-color: #CC0000;
	border: 1px solid #CC0000;
	font-size: 10px;
	cursor                  : pointer
}
input[type="text"]
{
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #7F9DB9;
	font-size: 10px;
}


.pListBg_Left
{
	height: 142px;
	width: 8px;
	background-image:url(../Images/prod_bg_left.gif);
	background-repeat:no-repeat;
}

.pListBg_Right
{
    height: 142px;
    width: 8px;
    background-image: url(../Images/prod_bg_right.gif);
    background-repeat: no-repeat;
}

.pListBg
{
    height: 142px;
    width: 100%;
    background-image: url(../Images/prod_bg_.gif);
    background-repeat: repeat-x;
}


/*##############################*/
/* Forum Tables */

.TableCell {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #DADADA;
	border-bottom-color: #DADADA;
}
.TableContainer {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-color: #DADADA;
	border-left-color: #DADADA;
}
.TableHead {
	font-weight:bold;
	color: #777777;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #DADADA;
	border-bottom-color: #DADADA;
	background-image: url(../Images/TabHeadBg.gif);
	background-repeat: repeat-x;
}
.footer {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #999999
}
.SawnText
{
    /*width: 610px;
    float: left;
    margin-top: 10px;*/
}

#SawnText img
{
    border: none;
    /*padding: 10px;*/
}

/*====================================================*/
/* Styles & elements for the product output boxes     */

#ProductContainer
{
	width:610px;
}
#ProductContainerLeft
{
	float:left;
	width:300px;
}

#ProductContainerRight
{
	width:300px;
	float:right;
}



.ProductLst
{
	width:300px;
	height: 142px;
	margin-bottom: 10px;
}
.ProductLst h1
{
	font-size:12px;
	font-weight:bold;
	margin-left: 5px;
}
.ProductLst ul li
{
	font-size:11px;
	font-weight:normal;
	margin-left: -20px;
}
.ProductLst li
{
    padding-top: 4px;
}
.ProductLst img
{
	width:120px;
	height: 87px;
}
.ProductSubLeft
{
	background-image:url(../Images/plst_bg_left.gif);
	width: 8px;
	height: 142px;
	float:left;
}

.ProductSubCentre
{
	background-image:url(../Images/plst_bg.gif);
	width: 284px;
	height: 142px;
	float:left;
}

.ProductSubPaneA
{
	margin-top: 20px;
	width: 120px;
	height: 142px;
	float:left;
}
.ProductSubPaneB
{
	margin-top: 15px;
	width: 164px;
	height: 142px;
	float:left;
}
.ProductSubPaneB ul li
{
	margin-top: -6px;
	list-style: none;
}
.ProductSubPaneB input
{
	margin-left: 5px;
	float:right;
}

.ProductSubRight
{
	background-image:url(../Images/plst_bg_right.gif);
	width: 8px;
	height: 142px;
	float:right;
}

/* star buy */
.StartBuyLst
{
	width:610px;
	height: 142px;
	margin-bottom: 10px;
}
	.StartBuyLst h1
	{
		font-size:12px;
		font-weight:bold;
		margin-left: 5px;
	}
	.StartBuyLst ul li
	{
		font-size:11px;
		font-weight:normal;
		margin-left: -20px;
	}
    .StartBuyLst li
    {
        padding-top: 4px;
    }
	.StartBuyLst img
	{
		width:120px;
		height: 87px;
	}

.StartBuySubLeft
{
	background-image:url(../Images/plst_bg_left.gif);
	width: 8px;
	height: 142px;
	float:left;
}

.StartBuySubCentre
{
	background-image:url(../Images/plst_bg.gif);
	width: 594px;
	height: 142px;
	float:left;
}

.StartBuySubPaneA
{
	margin-top: 20px;
	width: 120px;
	height: 142px;
	float:left;
}
.StartBuySubPaneB
{
	margin-top: 15px;
	width: 339px;
	height: 142px;
	float:left;
}
	.StartBuySubPaneB ul li
	{
		margin-top: -6px;
		list-style: none;
	}
	.StartBuySubPaneB input
	{
		margin-left: 5px;
		float:right;
	}

.StartBuySubPaneC
{
	width: 135px;
	height: 142px;
	float:right;
}
	.StartBuySubPaneC img
	{
		width: 135px;
		height: 142px;
	}

.StartBuySubRight
{
	background-image:url(../Images/plst_bg_right.gif);
	width: 8px;
	height: 142px;
	float:right;
}

.searchBtn{
	margin					: 0px 0px 0px 10px;
	padding					: 0px 0px 0px 0px;
	float                   : left;
	display                 : block;
	height					: 18px;
	width                   : 50px;
	background-color        : #CC0000;
	border                  : 1px solid #E57F7F !important;
	color                   : #FFFFFF;
	cursor                  : pointer
}

.searchBtn:hover{
	border                  : 1px solid #FFFFFF !important;
	color                   : #FFFFFF;
}