* {
	margin: 0;
	padding: 0;
	}

html {
	height: 100%;
}
	
BODY {
	color : #ABADEA;
	font-family : Arial, sans-serif;
	font-size: 12px;
	font-weight : normal;
	border-left : 0;
	border-right : 0;
	border-bottom : 0;
	border : 0;
	border-top-width : 0;
	border-width : 0 0 0 0;
	height: 100%;
}

TD {
	color : #000000;
	font-family : Arial, sans-serif;
	font-size: 12px;
	font-weight : normal;
}

H1 {
	color : #000000;
	font-family : Arial, sans-serif;
	font-size: 13px;
	text-align: center;
	font-weight : normal;
	text-decoration : none;
}
H2 {
	font-size: 14pt;
/*	color: #FD8E83;*/
	color:#000000;
}
.boxit {
border: 1px #000000 ridge;
background-color: #f7f3ce;
}
H3 {
	font-size: 18pt;
	color: #000000;
}

H4 {
    font-size: small;
	font-weight: bold;
	color : #000000;
	}

H5 {
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #0181c8;
	padding: 15px 0 10px 0;
	}
	
.head1 {
	color : #6633ff;
	font-family : Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	font-weight : bolder;
	text-decoration : underline;
}

.head2 {
	color : #6633ff;
	font-family : Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight : bold;
}

A {
	text-decoration: none;
	color: navy;
}

A:Hover {
	text-decoration: none;
	color: navy;
}

hr {
	color: #b00000;
	background-color: #b00000;
	height: 1px;
	border: 0;
}
.associated {
background-color:#0000a0;
width:100%;
color:white;
font-weight:bold;
}
.footing {
	color : #ffffff; 
	background-color:#0048B8;
	font-family : Arial, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight : bold;
	padding:2px;
	}
.prodname {
	color : #ffffff; 
/**	background-color:#0048B8;**/
	background-image: url('../../global/thetileshop-bgprodname.jpg');
	background-repeat: repeat-x;
	font-family : Arial, sans-serif;
	font-size: 13px;
	text-align: center;
	font-weight : bold;
	padding:2px;
	margin: 3px 0 0 0;
	
/*	background : url("../../global/catimage.gif") no-repeat top left;	*/
}
.prodname a:link, .prodname a:hover, .prodname a:visited {
	color : #FFFFFF;
}

.prodprice {
font-weight:bold;
color:#000040;
font-size:12pt;
}
.category {
	color : #ffffff;
	font-family :  Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : bold;
/*	width:234px;*/
	width: 180px;
	height:23px;
/*	text-align:left;*/
	text-align: center;
	padding:1px;
}
.categorytext {
	color : #000000;
	font-family :  Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight : bold;
	width:234px;
	height:23px;
	text-align:left;
	padding:1px;
	
}
.categoryname,.categoryname:a,.categoryname:hover {
	color : #ffffff; 
	background-color:#0048B8;
	font-family : Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight : bold;
	padding:5px;
}
.categorylink {
	color : #000000; 
	font-family : Arial, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight : normal;

}
.category:a,.category:hover,.category:visited{
	text-decoration:none;
}
.categorylink:a,.categorylink:hover,.categorylink:visited{
	text-decoration:none;
}

.brkline {
border-bottom: #c0c0c0 dashed 1px;
}
.range {
	color : #ffffff;
		background-color:#aa0000;
	font-family :  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight : bold;
	width:234px;
	height:23px;
	text-align:left;
	padding:1px;
}

.range:hover {
	color: #000000;
	}
	
.navmargin,.navmargin {
	color : #000000;
	font-family : Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	margin-left : 10px;
	text-decoration:none;
	margin-bottom : 5px;
	font-weight : normal;

}
.catmargin,.margin {
	color : #000000;
	font-family : Arial, sans-serif;
	font-size: 12px;
	text-align: left;
/*	margin-left : 10px;*/
	text-decoration:none;
/*	margin-bottom : 5px;*/
	padding:3px;
	font-weight : bold;
/*	background-color: #f7f3ce;*/
/*	border-bottom: 1px solid gray;*/

}


.catmargin:hover {
	color: navy;
	background-color: #FFFFFF;
}


.tilingshopcatmargin {
	color : white;
	font-family : Arial, sans-serif;
	font-size: 12px;
	text-align: left;
/*	margin-left : 10px;*/
	text-decoration:none;
/*	margin-bottom : 5px;*/
	padding:3px;
	font-weight : bold;
/*	background-color: #f7f3ce;*/
/*	border-bottom: 1px solid gray;*/

}

.tilingshopcatmargin:hover {
	color: navy;
	background-color: #FFFFFF;
}


.rangelink,.expand:link, .expand:visited, .expand:hover {
	color : #c0c0c0;
	font-family : Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	margin-left : 10px;
	text-decoration:none;
	margin-bottom : 5px;
	padding:5px;
	font-weight : bold;
}

.subject {
	color : #000000;
	font-family : Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight : bold;
}
.topic {
	color : #0181C8;
	font-family : Arial, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight : bold;
	font-style : italic;
}
.more {
	color : #fffffe;
	font-family : Arial, sans-serif;
	font-size: 8px;
	text-align: justify;
	font-weight : normal;
}

.header{
/*	background-color : url(/modules/img/back_header.jpg);	*/
	background-attachment : fixed;
	background-repeat : no-repeat;
}
.margin{
/*border-right: #c0c0c0 dotted 1px;*/
}
.submitbox {
	font-family : "Arial", sans-serif;
	font-size: 11pt;
	font-weight : bold;
}

select, input , textarea{
	color : #000000;
	font-family : "Century Gothic", sans-serif;
	font-size: 8pt;
	font-weight:bold;
	padding-left: 3px;
}
submit{
}
/* Scrollbar properties are only supported by Internet Explorer 5.5  */
/* remove 'scrollbars_' to activate  */

body {
	scrollbar-3d-light-color : #cfbfef;
	scrollbar-arrow-color : #c2b9ea;
	scrollbar-base-color : #c2b9ea;
	scrollbar-dark-shadow-color : #ffffff;
	scrollbar-face-color : #ffffff;
	scrollbar-highlight-color : #ffffff;
	scrollbar-shadow-color : #c2b9ea;
}
.imgprod {
	background-color:#ffffff;
	padding: 8px;
}
.imgview {

}

.assoc{
background-color:#EBF0FB;
cell-padding: 5px 5px 5px 5px;
border-bottom: #D6EBF5 dotted 1px;
}
.orderfrom {
background-color: #aa0000;

color: white;
font-weight: bold;
padding: 3px 0 3px 0;

}
.orderform {
background-color:#8080ff;

}
.orderfill {
background-color:#d9d9ff;
padding: 5px 0 5px 0;
}

#header {
	height: 50px;
	width: 100%;
	background-color: #FFFFF;
	}

#footer {
	width: 100%;
	clear: both;
	background-color: white;
	background-image: url('../../global/tilingbground-footer1.jpg');
	background-repeat: repeat-x;
	margin: 30px 0 0 0;
	padding: 30px 0 20px 0;
	
		}
	

#underheader {
	clear:both;
	width: 100%;
	background-image: url('../../global/thetilingshop-under-strip1.gif');
	background-repeat: repeat-x;
	height: 30px;
	border-bottom: 1px solid silver;
}

#quicknav {
	padding: 3px 0 0 15px;
/*	width: 300px;*/
/*	float: left;*/
	width: 700px;
/*	background-image: url('../../global/tilingshop-arrow.gif');
	background-repeat: no-repeat;*/
	}

.quicknavtext  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
/*	margin: 4px 0 0 20px;
	position: absolute;*/
	}

.quicknav1 a {
	color: #FFFFFF;
	}
.quicknav1 a:hover {
	color: #f7f3ce;
	}
	
#leftnavheader {
	height: 30px;
	background-image: url('../../global/thetileshop-navheading.jpg');
	background-repeat: no-repeat;
}

.leftnavheader2 {
	height: 30px;
	background-image: url('../../global/thetileshop-navheading.jpg');
	background-repeat: no-repeat;
	padding: 0 0 0 40px;
	color: silver;
}


#leftnavcont {
	width: 160px;
	border: 1px solid silver;
	border-top: 0px;
	margin: 5px 0 0 5px;
	}

.leftnavinfo {

	width: 160px;
	border: 1px solid silver;
	border-top: 0px;
	margin: 15px 0 0 5px;
	background-color: #FFFFFF;

	
	}


.infotext {
	font-size: 10px;
	padding: 5px;
	}
		
.leftnavinfoheader {
	height: 30px;
	background-image: url('../../global/thetileshop-infoheading.jpg');
	background-repeat: no-repeat;
	padding: 10px 0 0 40px;
	color: white;
		font-size: 12px;
}

.navheadtext {
	padding: 10px 0 0 40px;
	color: white;
	font-weight: bold;
}

#rightnavcont {
	width: 150px;
	border: 1px solid silver;
	border-top: 0px;
	border-bottom: 0px;
	margin: 0 0 0 4px;
	}
	
#rightbasketheader {
	height: 30px;
	background-image: url('../../global/thetileshop-basketheading.jpg');
	background-repeat: no-repeat;
}

.rightlatestheader {
	height: 30px;
	background-image: url('../../global/thetileshop-latestheading.jpg');
	background-repeat: no-repeat;
}

.tilingsubbox {
	width: 150px;
	border-bottom: 2px solid #808080;
	background-color: #f7f3ce;
	margin: 5px 0 0 0;
}

.tilingsubboxadjust {
	width: 140px;
	margin: 0 0 0 3px;
	padding: 0 0 10px 0;

	}
	
.headerbar {
	font-weight:bold;
	padding: 0 0 3px 0;
	}

.line1 {
	padding: 0 0 2px 2px;
	border-bottom: 1px solid silver;
	}

.line1 a {
	font-size: 11px;
	}
	
.line1 a:hover {
	background-color: white;
	}
	
#topnavmenu {
      width:400px;
      }
    #topnavmenu ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #topnavmenu li {
      float:left;
      background:url("http://www.trades-direct.co.uk/global/tiliingshop-right_both.gif") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #topnavmenu a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("http://www.trades-direct.co.uk/global/tiliingshop-left_both.gif") no-repeat left top;
      padding:5px 20px;
      text-decoration:none;
      font-weight:bold;
	  font-size: 10px;
      color:#765;
      }
    #topnavmenu > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topnavmenu a {float:none;}
    /* End IE5-Mac hack */
    #topnavmenu a:hover {
      color:#333;
      }
	  
	       }
    #demos #nav-demos, 
    #menus #nav-menus,
    #layouts #nav-layouts, 
    #boxes #nav-boxes,
    #mozilla #nav-mozilla,
    #explorer #nav-explorer,
    #opacity #nav-opacity {
      background-position:100% -150px;
      }
    #demos #nav-demos a, 
    #menus #nav-menus a,
    #layouts #nav-layouts a, 
    #boxes #nav-boxes a,
    #mozilla #nav-mozilla a,
    #explorer #nav-explorer a,
    #opacity #nav-opacity a {
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
      }
	  /* not for IE5.x or IE6 */
    #nav li:hover, 
	#nav li:hover a {
      background-position:100% -150px;
      color:#333;
      }
    #nav li:hover a {
      background-position:0 -150px;
      }
	 
	 
	 
	 
	 
	 #headerrangelist { margin:0px; position:absolute;left:540px; top: 27px; width: 270px;}

#headerrangelist ul { padding:0px 0px 0px 0px; MARGIN: 0px; LIST-STYLE-TYPE: none; }

#headerrangelist li { padding:0px 0px 0px 0px; DISPLAY: inline; MARGIN: 0px; }

#headerrangelist a { 

	PADDING: 0px 0px 0px 8px; 

	BACKGROUND: url('http://www.trades-direct.co.uk/global/tiliingshop-left_both.gif') no-repeat left top; 

	FLOAT: left; 

	MARGIN: 0px; 

	TEXT-DECORATION: none ;


	font-weight:bold;

	border-bottom:solid 1px #999999;

}

#headerrangelist a span { 

	padding:4px 6px 2px 0px; 

	DISPLAY: block; 

	BACKGROUND: url('http://www.trades-direct.co.uk/global/tiliingshop-right_both.gif') no-repeat right top; 

	FLOAT: left; 

	COLOR: #ffffff;

	font-size: 14px; font-family:Arial, Helvetica, Geneva, "Century Gothic", sans-serif;

}

#headerrangelist a span { FLOAT: none; }

#headerrangelist a:hover span { COLOR: #aa0000; }

#headerrangelist a:hover { BACKGROUND-POSITION: 0% -150px; }

#headerrangelist a:hover span { BACKGROUND-POSITION: 100% -150px; }



#headerrangelist ul li.headerrangelistitemactive a { BACKGROUND-POSITION: 0% -150px; border-bottom:none;}

#headerrangelist ul li.headerrangelistitemactive a span { BACKGROUND-POSITION: 100% -150px; }

.highlight {
	color: white;
	}
	
.pagetitle {
	font-size: 14px;
	font-weight: bold;
	color: #3366CC;
	}

.assocprodprice {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
	
.prodoption{
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}
.prodoption:a {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.specialoffertext {
	color : #ffffff; 
/**	background-color:#0048B8;**/
	background-image: url('../../global/thetileshop-bgprodname.jpg');
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	font-weight : bold;
	padding:5px;
	
/*	background : url("../../global/catimage.gif") no-repeat top left;	*/
}

.specialofferbox {
	border: 1px solid red;
	padding: 5px;
	margin: 0 0 10px 0;
	}
	
.specialofferimg {
	text-align: center;
	border: 1px solid #c23a3a;
	}
	
.catmargin28 {

	background-color: #aace46;
	}

.catmargin28:a {
	background-color: #aace46;
	}

.catmargin29 {

	background-color: #ffda29;
	}

.catmargin29:a {
	background-color: #ffda29;
	}

.catmargin30 {

	background-color: #f9a741;
	}

.catmargin30:a {
	background-color: #f9a741;
	}

.catmargin31 {

	background-color: #c44f24;
	}

.catmargin31:a {
	background-color: #c44f24;
	}

.margin28 {
	height: 30px;
/*	background-color: #aace46;*/
	background-image: url('../../global/margin-28.jpg');
	background-repeat: repeat-y;
	padding: 0 0 0 50px;
	
	}

.margin29 {
	height: 30px;
/*	background-color: #aace46;*/
	background-image: url('../../global/margin-29.jpg');
	background-repeat: repeat-y;
		padding: 0 0 0 50px;
	
	}

.margin30 {
	height: 30px;
/*	background-color: #aace46;*/
	background-image: url('../../global/margin-30.jpg');
	background-repeat: repeat-y;
		padding: 0 0 0 50px;
	}
	
.margin31 {
	height: 30px;
/*	background-color: #aace46;*/
	background-image: url('../../global/margin-31.jpg');
	background-repeat: repeat-y;
		padding: 0 0 0 50px;
	}
	
.margin32 {
	height: 30px;
/*	background-color: #aace46;*/
	background-image: url('../../global/margin-32.jpg');
	background-repeat: repeat-y;
		padding: 0 0 0 50px;
		}
.margin33 {
	height: 30px;
/*	background-color: #aace46;*/
	background-image: url('../../global/margin-33.jpg');
	background-repeat: repeat-y;
		padding: 0 0 0 50px;
		}

.margincatmenu {
	height: 30px;
	background-image: url('../../global/margincat99.jpg');
	background-repeat: repeat-y;
	padding: 0 0 0 30px;
	}
	
.prodback {


	}
	
.basketVATPP {
	font-size: 10px;
	color: gray;
	text-align: center;
	border-top: 1px solid silver;
	
	}
.specialboxborder {
	border-left: 1px solid silver;

	}
	
.introbackground {
	background-image:url('/images/grey-gradient-top.gif');
	background-repeat: repeat-x;
	padding: 0 0 0 10px;
	}
	
.introphonenumber {
	height: 28px;
	margin:0px;
	position:absolute;
	left:350px;
	top: 15px;
	font-size: 22px;
	font-weight: bold;
	background-color:  #2947a4;
	
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}
.frontnewsimage {
	text-align: left;
	margin: 10px 0 0 10px;
	}

.vatboxtop {
	margin:0px;
	position:absolute;
	left:540px;
	top: 4px;
	}