@charset "utf-8";
/* CSS Document */


	html
	{
	background-color: #FFF;
	background-image: url(/images/repeat_stripe_bg.jpg);
	background-repeat: repeat;
	background-position: left top;		
	}

	body
	{
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em; /* GLOBAL FONT SIZE SET HERE FROM HERE ON 75em is 100% */
	color: #000;
	text-decoration: none;
	background-color: #FFF;	
	line-height: 1.5em;
	font-weight: normal;
	}
	
	/* SITE P */
	p
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
	}
	
	/* SITE TITLE */
	h1
	{
	font-size: 2.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	margin: 0 0 15px 0;
	font-weight: normal;
	}
	
	/* PAGE TITLE */
	h2, h3, h4, h5, h6
	{
	font-size: 1.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	margin: 0 0 15px 0;
	font-weight: normal;
	}
	
	
	/* ALL DEFAULT LINKS */
	a
	{
	color: #000;
	text-decoration: underline;
	}
	
	a:link 
	{
	color: #000;
	text-decoration: underline;
	}
	
	a:active 
	{
	color: #000;
	text-decoration: underline;
	}
	
	a:hover
	{
	color: #000;
	text-decoration: underline;
	}
	
	a:visited
	{
	color: #000;
	text-decoration: underline;
	}
	
	
	/* REMOVE BORDER ON ALL LINKED IAMGES */
	img
	{
	border: 0px
	}
	
	/* NEEDED FOR IE6 HIDDEN DIV BOXES */
	div.clear
	{
	clear: both;
	height: 0;
	padding: 0;
	width: 0;
	margin: 0;
	}
	
	
	/* FORMS */
	
	form
	{
	margin: 0;
	padding: 0
	}
	
	input 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	textarea 
	{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	
	
	
	

/********************** SITE LAYOUT *************************/
	
	div.whitebg, div.whitebgstrip {
	background-color: #FFF;
	padding: 0 0 0 0;
	}
	
	div.whitebgstrip {
	background-image: url(/images/repeat_stripe_bg.jpg);
	background-repeat: repeat;
	background-position: left top;	
	}

	div.fixedwrap, div.fixedwrapextra {
	width: 900px;
	margin: 0 auto;	
	overflow: hidden;
	}	
		
		div.fixedwrapextra {
		width: 922px;
		}		
	

	
		div#header_logo {
		background-color: #000;
		padding: 20px 0 10px 0;
		}
		
			div#thefind_logo {
			width: 900px;
			margin: 0 auto;	
			overflow: hidden;			
			}	
			
				div#thefind_logo .left {
				float: left			
				}	
				
				div#thefind_logo .right {
				float: right;	
				clear: right;
				margin: 0 0 10px 0;
				}	
				
				
												
div.frill 
{
	background-image: url(/images/repeat_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	height:8px;
}

div#flashwrap {

}

div#flashwrapborder {
border: 1px solid black;
margin: 20px 0;
}


div.homepage_small {
    width: 280px;
    float: left;
}

div.homepage_main {
    width: 600px;
    float: right;
}

/*************** MAIN MENU *************/
		
	div#header_menu 
	{
	border-top: 2px solid #FFF;
	background-color: #CEC6A3;	
	}
	

	div#mainmenu
	{
	width: 900px;
	overflow: hidden;
	margin: 0 Auto;
	padding: 8px 0;	
	}	
	

		div#mainmenu ul
		{
		margin: 0;
		padding: 0;
		color: #FFF;
		font-size: 1.1em;
		text-align: left;
		}
		
			div#mainmenu ul li 
			{ 
			display: inline;
			}

			div#mainmenu ul li a
			{
			text-decoration: none;
			}
			
			div#mainmenu ul li a:hover
			{
			text-decoration: underline;
			}
			
			
			li#mm_home a, li#mm_onlineshop a, li#mm_cranbrook a,li#mm_sevenoaks a, li#mm_contactus a, li#mm_yourbasket a, li#mm_contactus a, li#mm_checkout a
			{
			text-indent: -9000px;
			text-decoration: none;
			background-repeat: no-repeat;
			display: block;
			float: left;
			}
			
			 li#mm_yourbasket a, li#mm_checkout a {
			 float: right;
			 }
			
			li#mm_home a
			{
				background-image: url(/images/css_matrix_menu.jpg);
				background-position: 0px 0px;
				width: 50px;
			}
			
				li#mm_home a:hover
				{
				background-position: -100px 0px;
				}	
				
				
			li#mm_onlineshop a
			{
				background-image: url(/images/css_matrix_menu.jpg);
				background-position: 0px -15px;
				width: 100px;
			}
			
				li#mm_onlineshop a:hover
				{
				background-position: -100px -15px;
				}		
				
			li#mm_cranbrook a
			{
				background-image: url(/images/css_matrix_menu.jpg);
				background-position: 0px -30px;
				width: 100px;
			}
			
				li#mm_cranbrook a:hover
				{
				background-position: -100px -30px;
				}											
			
			
			li#mm_sevenoaks a
			{
				background-image: url(/images/css_matrix_menu.jpg);
				background-position: 0px -45px;
				width: 100px;
			}
			
				li#mm_sevenoaks a:hover
				{
				background-position: -100px -45px;
				}	
				
			li#mm_contactus a
			{
				background-image: url(/images/css_matrix_menu.jpg);
				background-position: 0px -60px;
				width: 100px;
			}
			
				li#mm_contactus a:hover
				{
				background-position: -100px -60px;
				}	

			li#mm_yourbasket a
			{
				background-image: url(/images/css_matrix_menu.jpg);
				background-position: 0px -75px;
				width: 90px;
			}
			
				li#mm_yourbasket a:hover
				{
				background-position: -100px -75px;
				}	
				
			li#mm_checkout a
			{
				background-image: url(/images/css_matrix_menu.jpg);
				background-position: 0px -90px;
				width: 80px;
			}
			
				li#mm_checkout a:hover
				{
				background-position: -100px -90px;
				}																			
						
			
		
			
/*************** MAIN MENU *************/


/*************** BREAK *************/
		
div.breakbg {
border-top: 2px solid #CEC6A3;
background-color: #000;
padding: 5px 0 5px;
}	
	
div.breakbg h3 {

}		
		
#search {
float: right;
padding: 0 10px 0 0;
}	

    #search .tbSearch {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        float:left;
        font-size:10px;
        padding:4px 2px;
        border:solid 1px #000;
        width:180px;
        margin:0;  
        height: 12px;  
    }	
    
	#search input.btnsearch 
	{
        float: left;
        width: 58px;
        height: 22px;
        background-image: url(/images/css_matrix_buttons.jpg);
        background-position: 0 -60px;  
        border: 0px;
        margin: 0 0 0 0;
        padding: 0px;
        cursor: pointer;
        text-indent: -9000px;
	}    	
	

	
/*************** WHTIE TEXT ON BLACK BG TITLES *************/	

h3#titleourshopwhite, h3#titlerelatedproductswhite, h3#titleothercolourswhite, h3#titleourbrandswhite, h3#titleshopbycolourwhite, h3#titlestaffpickswhite {
	text-indent: -9000px;
	text-decoration: none;
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 200px;
	line-height: 15px;	
	margin: 4px 0 0;
}

	h3#titleourshopwhite {
		background-image: url(/images/css_matrix_titles_black.jpg); 
		background-position: 0px 0px; /* Try Something New...*/		
	}
	
	h3#titlerelatedproductswhite {
		background-image: url(/images/css_matrix_titles_black.jpg);
		background-position: 0px -15px;		
	}	
	
	h3#titleothercolourswhite {
		background-image: url(/images/css_matrix_titles_black.jpg);
		background-position: 0px -30px;		
	}	
	
	h3#titleourbrandswhite {
		background-image: url(/images/css_matrix_titles_black.jpg);
		background-position: 0px -45px;		
	}		
	
	h3#titleshopbycolourwhite {
		background-image: url(/images/css_matrix_titles_black.jpg);
		background-position: 0px -60px;		
	}		
	
	h3#titlestaffpickswhite {
		background-image: url(/images/css_matrix_titles_black.jpg);
		background-position: 0px 0px; /* Try Something New...*/   /*0px -75px; Staff Picks...*/	
	}				


/*************** BLACK TEXT ON WHITE BG TITLES *************/	

h4#titleourbrandsblack, h4#titleourdepartmentsblack, h4#titlecranbrookblack, h4#titlesevenoaksblack, h4#titlemostpopularblack {
	text-indent: -9000px;
	text-decoration: none;
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 155px;
	line-height: 15px;	
	margin: 0 0 10px 10px;
}

	h4#titleourbrandsblack {
		background-image: url(/images/css_matrix_titles_white.jpg);
		background-position: 0px 0px;		
	}
	
	h4#titleourdepartmentsblack {
		background-image: url(/images/css_matrix_titles_white.jpg);
		background-position: 0px -15px;		
	}	
	
	h4#titlecranbrookblack {
		background-image: url(/images/css_matrix_titles_white.jpg);
		background-position: 0px -30px;		
	}	
	
	h4#titlesevenoaksblack {
		background-image: url(/images/css_matrix_titles_white.jpg);
		background-position: 0px -45px;		
	}		
	
	h4#titlemostpopularblack {
		background-image: url(/images/css_matrix_titles_white.jpg);
		background-position: 0px -60px;		
	}		
	

/*************** BREADCRUMB *************/		

div.breadcrumb {
padding: 10px 0 10px;
border-bottom: 2px solid #CEC6A3;
margin: 0 0 20px;
overflow: hidden;
}

	.breadcrumb ul {
	margin: 0;	
	padding: 0;	
	}
		
	.breadcrumb ul li {
	display: inline;
	float: left;
	padding: 0 0 0 10px;
	}
	
		
	.breadcrumb ul li a {
	text-decoration: none;
	}
	
	.breadcrumb ul li a:hover {
	text-decoration: underline;
	}	
					
		
/*************** SUBMENU *************/			

.columnsubmenuwrap {
width: 180px;
float: left;
}

.columnsubmenu {
width: 180px;
float: left;
clear: left;
}
	
	.columnsubmenu ul {
	width: 170px;
	margin: 0 0 40px 10px;	
	padding: 0;	
	}
	
		.columnsubmenu ul li {
		text-align: left;
		list-style-type: none;	
		margin: 0 0 5px;	
		padding: 0;
		}
		
		.columnsubmenu ul li a {
		text-decoration: none;
		}
		
		.columnsubmenu ul li a:hover {
		text-decoration: underline;
		}		
				
/*************** CONTENT *************/					

.columncontent {
width: 742px;
float: right;
padding: 0 0 20px;
overflow: hidden;
}

.columncontent .left10padding 
{
    padding: 0 10px 0 10px
}

.columncontent .htmlarea {
    width: 720px;
    text-align: left;
    margin: 0 0 0 10px;
    clear: both;
}		

.columncontent h1{
    margin: 0 0 15px 10px;
}	

.columncontent #flashwrap 
{
    border: 1px solid black;
    margin: 10px 10px 15px 10px;
}

    .columncontent #flashwrap h1{
        margin: 0 0 15px 0;
    }	
	

/*************** REPEATER BOXES *************/			
	
div.rptbox {
margin: 10px 0 0 11px;
float: left;
min-height: 250px;
}

div.rptbox img {
border: 1px solid #000;
}

div.rptbox img:hover {
border: 1px solid #CEC6A3;
}

div.rptbox p.brand 
{
font-weight: bold;
font-size: 0.8em;
}

div.rptbox p 
{
width: 169px;
text-align: center;
padding: 0;
margin: 0;
color: #000;
}

div.rptbox p a {
text-decoration: none;
}

	div.rptbox p a:hover {
	text-decoration: underline;
	}

div.rptbox img.sale {
	position: absolute;
	float: left;
	margin: 0;
	border: 0;	
}




/*************** PRODUCT PAGE *************/					

.columngallery {
width: 320px;
float: left;
padding: 0 0 20px;
overflow: hidden;
}

	.columngallery img {
	float: left;
	margin: 0 0 0 10px;
	border: 1px solid #000;
	}
	
	.columngallery img.thumb {
	float: left;
	margin: 10px 0 0 10px;
	border: 1px solid #000;
	cursor: pointer;
	}	
	
	.columngallery img.thumb:hover {
	border: 1px solid #CEC6A3;
	}	
	
.columngallery .columnrelatedcolours 
{
width: 320px;
float: left;
padding: 20px 0 20px;
overflow: hidden;
clear: left;
}		
	
    .columngallery .columnrelatedcolours h4
    {
    padding: 0 0 0 10px;
    }	

    .columngallery .columnrelatedcolours ul
    {
    padding: 0 0 0 10px;
    list-style:none; 
    }	

    .columngallery .columnrelatedcolours ul li
    {
       width:25px;
       height:25px;
       border: 1px solid #000;
       text-indent: -9000px;
       background-color: #FFF;
       margin: 0 10px 0 0;
       float: left;
    }    

        .columngallery .columnrelatedcolours ul li a
        {
           width:25px;
           height:25px;
           cursor: pointer;
           display: block;
        }	    		
		
	
.columndetail {
width: 600px;
float: right;
padding: 0 0 20px;
overflow: hidden;
}


	.columndetail h1.prodtitle {
	width: 300px;
	margin: 0;
	line-height: 1em;
	padding: 0 0 10px;
	display: inline;
	float: left;
	}
	
	.columndetail h2.prodprice {
		width: 300px;
		display: inline;
		float: left;
	}
	
	div.productdetails 
	{
	    float: left;
	    width: 300px;
	}		
	
	.columndetail img.brand {
	float: right;
	margin: 0 10px 0 0;
	}	
	
	.columndetail h6 {
	float: right;
	margin: 0 10px 0 0;
	}		
	

	

	
	.columndetail .htmlarea {
	width: 590px;
	text-align: left;
	margin: 0 0 30px 0;
	clear: both;
	}	
	
	
	
	.columndetail input {
	float: right;
	}		

	
/*************** PROUCT PAGE PRICES *************/	
	div.option 
	{
	    padding: 10px 0;
	    border-bottom: 2px solid #CEC6A3;
	    overflow: hidden;
	    margin: 0 10px 0 0;
	}
	
	p.optionname
	{
	    width: 350px;
	    float: left;
	    margin: 0;
	}
	
	p.optionprice
	{
	    width: 140px;
	    float: left;
	    margin: 0;
	}	
	
	input.btnaddtobasket 
	{
    float: right;
    width: 100px;
    height: 20px;
	background-image: url(/images/css_matrix_buttons.jpg);
	background-position: 0 0;  
	border: 0px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	text-indent: -9000px;
	}



/*************** BASKET *************/		

table#basket 
{
    width: 720px;
    float: left;
}

    table#basket th 
    {
        text-align: left;
        padding: 5px;
        background-color: #EFEFEF;
    }

    table#basket td 
    {
        text-align: left;
        padding: 5px;
    }
    
    table#basket th.finaltotal 
    {
        text-align: right;
        font-weight: bold;
        padding: 5px;
    } 
    
    table#basket td.finaltotal 
    {
        font-weight: bold;
        padding: 5px;
    }       
    
input.btncontinueshopping, input.btncheckout 
{
height: 20px;
background-image: url(/images/css_matrix_buttons.jpg);
border: 0px;
padding: 0px;
cursor: pointer;
text-indent: -9000px;
}    


    input.btncontinueshopping 
    {
    float: left;
    width: 130px;
    background-position: 0 -20px;  
    margin: 20px 0;
    }    

    input.btncheckout
    {
    float: right;
    width: 75px;
    background-position: 0 -40px;  
    margin: 20px 0;
    } 


input.btnadd, input.btnremove, input.btndelete
{
width: 20px;
height: 20px;
background-image: url(/images/css_matrix_basket_buttons.jpg);
border: 0px;
margin: 0;
padding: 0px;
cursor: pointer;
text-indent: -9000px;
}  

    input.btnadd
    {
    background-position: 0 0;  
    }     

    input.btndelete
    {
    background-position: 0 -40px;  
    }     

    input.btnremove
    {
    background-position: 0 -20px;  
    }     

	
/*************** FOOTER *************/	

div#footer {
border: 1px solid #000;
margin: 0 0 0;
background-color: #FFF;
overflow: hidden;
padding: 10px 0;
}	

div#footer div#footerbg {
	background-color: #FFF;
	background-image: url(/images/footerbg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	overflow: hidden;
}	


div#footer .footerbox {
	float: left;
	width: 180px;
}

div#footer .footerbox ul {
	clear: both;
	margin: 0 0 0 10px;	
	padding: 0;	
}
	
	div#footer .footerbox ul li{
	text-align: left;
	list-style-type: none;	
	margin: 0;	
	padding: 0;
	}
	
	div#footer .footerbox ul li a{
	text-decoration: none;
	}	
	
	div#footer .footerbox ul li a:hover{
	text-decoration: underline;
	}		
	
div#footer .footerboxaddress {
	float: left;
	width: 179px;
}	

div#footer .footerboxaddress address {
font-style: normal;
text-align: left;
padding: 0 0 0 10px;
}	


div#credits 
{
    margin: 20px 0;
}

    div#credits p#creditslft
    {
    float: left;
    }

    div#credits p#creditsrgt
    {
    float: right;
    }
    
    
/*************** SOCIAL *************/		
	
div.footerSocial 
{
   float: left;
   margin: 0 15px 0 0;
}


div.footerSocial a#facebook 
{
display: block;
width: 32px; 
height: 32px;
background-image: url(/images/logo_facebook.jpg);
background-position: bottom;
background-repeat: no-repeat
}

div.footerSocial a#facebook:hover
{
background-image: url(/images/logo_facebook.jpg);
background-position: top;
background-repeat: no-repeat
}