html, body {
}
body {
font-family : trebuchet ms, Arial, sans-serif;
font-size:71%;
line-height:126%;
color:#666;
margin:0px 0px 0px 0px;
padding:0px;
background:#fff;
}
td, th 	{
font-family : trebuchet ms, Arial, sans-serif;
font-size:71%;
line-height:126%;
}
#top	{
	margin-top:5px;
	width:100%;
	border:0px solid #ccc;
	height:60px;
	text-align:left;
	
}
#order	{
		border:0px dotted gray;
		position: absolute;
		width:204px;
		height:19px;
		left:555px;
		top:35px;
		font-size:86%;
		text-align:right;
}
#order1   { 
	width:61px;	height:19px;
    background: transparent url(images/nav/order_lo.gif) no-repeat;
	position:absolute;
}
#order1  a{ 
	border:0px solid blue;
	width:61px;	height:19px;
	margin-left:0px;
	position:absolute;
}
#order1  a:hover { 
    background: transparent url(images/nav/order_hi.gif) no-repeat;
}






/* menu */
#menu	{
		border:0px solid #000;
		width:100%;
		position: absolute;
		left:0px;
		margin-top:0px;
		top:73px;
		background: url("images/nav/menu_lo.gif") repeat-x 20px;
}

#navcontainer {
		border:0px solid red;
		height:28px;
		width:780px;
}

#navlist {
		border:0px solid lime; 
		margin:0; 
		padding:0; 
		width:100%; 
		background: url("images/nav/menu_lo.gif") repeat-x 20px;
}

#navcontainer ul li	{
border: 0px dotted red;
list-style-type: none;
padding: 0;
margin: 0;
display: inline;
width:105px;
float: left;
background: url("images/nav/menu_lo.gif") repeat-x 20px;
font-family:Trebuchet MS, verdana, sans-serif;
font-size:110%; line-height:150%; letter-spacing:-0.01em;
text-align: center;
}

#navcontainer a	{
color: #1E66B9;
text-decoration: none;
display: block;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
border-top: 0px solid #A8B090;
border-bottom: 0px solid #A8B090;
border-left: 0px solid #A8B090;
}

#navcontainer li#active { 
background: url("images/nav/menu_hi.gif") repeat-x 0px; 
font-weight:bold;
}
#navcontainer a:hover { 
background: url("images/nav/menu_hi.gif") repeat-x 0px; 
}




/* main 3 col layout */

#main	{
	border:0px dotted blue;
	position:absolute;
	top:115px;
	width:100%;
}
#col1	{
	border:0px dotted lime;
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px; 
	position:absolute;
	left:15px; 
	top:0px;
}
#col1_gallery	{
	border:0px dotted lime;
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px; 
	position:absolute;
	left:15px; 
	top:0px;
	width:140px;
}

#col2_comm	{
	border:0px dotted red;
	margin:0px 0px 0px 15px;
    padding:0px 0px 0px 0px;
	width:760px; 
}

#col2_home	{
	border:0px dotted red;
	margin:0px 0px 0px 210px;
    padding:0px 0px 0px 0px;
	width:360px; 
}
#col3_home	{
	border:0px solid lime;
	margin-left:581px;
    padding:0px 0px 0px 0px;
	width:195px;
	top:0px; 
	position:absolute;  
} 

#productsWrapper	{
	border:0px solid red;
	margin:0px 0px 0px 170px;
    padding:0px 0px 0px 0px;
	width:590px; 
}

#prod_1	{border:1px dashed lime;
	float:left;
	width:193px;
}
#prod_2	{
	border:0px dashed lime;
	margin:0 0 0 199px;
}
#prod_3	{
	float:right;
	width:188px;
}


#col2_intProd	{
	border:1px dotted red;
	margin:0px 0px 0px 170px;
    padding:0px 0px 0px 0px;
	width:290px; 
}
#col3_intProd	{
	border:1px solid lime;
	margin-left:476px;
    padding:0px 0px 0px 0px;
	width:295px;
	top:0px; 
	position:absolute;  
} 

#orderpage{
	border:0px dotted pink;
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:500px;
	left:0;
}

#col2_order	{
	border:0px dotted red;
	margin:0px 0px 0px 170px;
    padding:0px 0px 0px 0px;
	width:290px;
} 

#col3_order	{
	border:0px solid lime;
	margin-left:476px;
    padding:0px 0px 0px 0px;
	width:295px;
	top:0px;
	position:absolute;  
} 

#ordertext{
	border:0px dotted red;
	margin:0px 0px 0px 170px;
    padding:0px 0px 10px 0px;
	width:600px;
}

#col2_products {
	border:0px dotted red;
	margin:0px 0px 0px 170px;
    padding:0px 0px 0px 0px;
	width:330px; 
}
#col2_products ul	{}
#col2_products li	{padding:0; margin:0;}


#col3_products	{
	border:0px solid lime;
	margin-left:516px;
    padding:0px 0px 0px 0px;
	width:255px;
	top:0px; 
	position:absolute;  
} 


#col2_gallery {
	border:0px dotted red;
	margin:0px 0px 0px 170px;
    padding:0px 0px 0px 0px;
	width:590px; 
}


#col2_faq {
	border:0px dotted red;
	margin:0px 0px 0px 170px;
    padding:0px 0px 0px 0px;
	width:390px; 
}

#col2_cart {
	border:0px dotted red;
	margin:0px 0px 0px 170px;
    padding:0px 0px 0px 0px;
	width:480px; 
}



/* boxes  */

.bl {
	border:0px dotted blue;
	background: url(images/boxheaders/right.gif) 100% 0 repeat-y; 
	width:182px;	
	clear:both;
}
.br {
	float:left;
	border:0px solid red;
	width:182px;
	background: url(images/boxheaders/bottom.gif) 100% 100% no-repeat;
	clear:both;
} 
.tr {
	border:0px solid lime;
	width:100%;
	background: url(images/boxheaders/right.gif) 100% 0 repeat-y; 
	
} 
.tr_pink	{
border:0px solid lime;
background: url(images/boxheaders/right.gif) 100% 0 repeat-y; 
	
}
.br_pink {
	float:left;
	border:0px solid red;
	width:138px;
	background: url(images/boxheaders/bottom.gif) 100% 100% no-repeat #fff1fb; 
} 

.br_pink_order {
	
	border:0px solid red;
	width:138px;
	background: url(images/boxheaders/bottom.gif) 100% 100% no-repeat #fff1fb; 
	clear:both;
} 

.clear {
	border:0px solid red;
	font-size: 1px; height: 7px;
	display:block;
	height:10px;
	width:182px;
	clear:both;
}  
.boxcontent	{
border:0px solid lime;
padding:5px 10px 10px 10px;
}
.boxcontent_wordwrap	{
padding:15px 10px 10px 10px;
}


/* boxheaders  */

div.outer {
	border:0px dotted red;
	float: left;
	width: 182px; height: 26px;
	margin: 0 0 0 0;
	}
div.outer a {
	width:182px; height:26px;
	border:0px solid red;
	float:left;
	text-decoration: none;
	}
div.outer span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.outer a:hover {
	background-image: none;
	}


/* gifs for boxheaders  */

/* homepage  */
div.BHyourimages	{
width:182px;
height:26px;
background: url( 'images/boxheaders/yourimages.gif' ) 0 -26px no-repeat;
}
div.BHyourimages	a{
width:182px;
height:26px;
background: url( 'images/boxheaders/yourimages.gif' );
}

div.BHemail	{
width:182px;
height:26px;
background: url( 'images/boxheaders/email.gif' ) 0 -26px no-repeat;
}
div.BHemail	a{
width:182px;
height:26px;
background: url( 'images/boxheaders/email.gif' );
}

div.BHproducts	{
width:182px;
height:26px;
background: url( 'images/boxheaders/products.gif' ) 0 -26px no-repeat;
}
div.BHproducts a{
width:182px;
height:26px;
background: url( 'images/boxheaders/products.gif' );
}

div.BHgallery	{
width:182px;
height:26px;
background: url( 'images/boxheaders/gallery2.gif' ) 0 -26px no-repeat;
}
div.BHgallery	a{
width:182px;
height:26px;
background: url( 'images/boxheaders/gallery2.gif' );
}

div.BHcustomart	{
width:182px;
height:26px;
background: url( 'images/boxheaders/customart.gif' ) 0 -26px no-repeat;
}
div.BHcustomart	a{
width:182px;
height:26px;
background: url( 'images/boxheaders/customart.gif' );
}

div.BHcolourmatching	{
width:182px;
height:26px;
background: url( 'images/boxheaders/colourmatching.gif' ) 0 -26px no-repeat;
}
div.BHcolourmatching	a{
width:182px;
height:26px;
background: url( 'images/boxheaders/colourmatching.gif' );
}

div.BHinteriorproducts	{
width:182px;
height:26px;
background: url( 'images/boxheaders/interiorproducts.gif' ) 0 -26px no-repeat;
}
div.BHinteriorproducts	a{
width:182px;
height:26px;
background: url( 'images/boxheaders/interiorproducts.gif' );
}

div.BHdisplayoptions	{
width:182px;
height:26px;
background: url( 'images/boxheaders/displayoptions.gif' ) 0 -26px no-repeat;
}
div.BHdisplayoptions	a{
width:182px;
height:26px;
background: url( 'images/boxheaders/displayoptions.gif' );
}




/* Homepage box - Corporate commissions */

div.BHcorporatecommissions	{
width:182px;
height:37px;
background: url( 'images/boxheaders/corporatecommissions.gif' ) 0 -37px no-repeat;
}
div.BHcorporatecommissions	a{
width:182px;
height:37px;
background: url( 'images/boxheaders/corporatecommissions.gif' );
}





/* Menu box - GALLERY  */


div.BHartists	{
width:138px;
height:26px;
background: url( 'images/boxheaders/artists.gif' ) 0 -26px no-repeat;
}
div.BHartists	a{
width:138px;
height:26px;
background: url( 'images/boxheaders/artists.gif' );
}
div.BHcategories	{
width:138px;
height:26px;
background: url( 'images/boxheaders/categories.gif' ) 0 -26px no-repeat;
}
div.BHcategories	a{
width:138px;
height:26px;
background: url( 'images/boxheaders/categories.gif' );
}





/* Homepage box - GALLERY  */

.blGallery {
	border:0px dotted blue;
	background: url(images/boxheaders/right.gif) 100% 0 repeat-y; 
	width:353px;	
	clear:both;
}
.brGallery {
	float:left;
	border:0px solid red;
	width:353px;
	background: url(images/boxheaders/gallery_bottom.gif) 100% 100% no-repeat;
	clear:both;
} 
div.BH_gallery	{
width:353px;
height:26px;
background: url( 'images/boxheaders/BH_gallery.gif' ) 0 -26px no-repeat;
}
div.BH_gallery	a{
width:353px;
height:26px;
background: url( 'images/boxheaders/BH_gallery.gif' );
}





/* interior products - home */

.blIntProd {
	border:0px dotted blue;
	background: url(images/boxheaders/right.gif) 100% 0 repeat-y; 
	width:290px;	
	clear:both;
}
.brIntProd {
	float:left;
	border:0px solid red;
	width:290px;
	background: url(images/boxheaders/gallery_bottom.gif) 100% 100% no-repeat;
	clear:both;
} 

div.BH_intProd_cushions	{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_cushions.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_cushions	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_cushions.gif' );
}
div.BH_intProd_ceramictiles	{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_ceramictiles.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_ceramictiles	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_ceramictiles.gif' );
}
div.BH_intProd_deckchairs	{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_deckchairs.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_deckchairs	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_deckchairs.gif' );
}
div.BH_intProd_floormats	{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_floormats.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_floormats	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_floormats.gif' );
}
div.BH_intProd_wallpaper	{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_wallpaper.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_wallpaper	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_wallpaper.gif' );
}
div.BH_intProd_lightboxes	{
width:183px;
height:26px;
background: url( 'images/boxheaders/BH_photolightbox.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_lightboxes	a{
width:193px;
height:26px;
background: url( 'images/boxheaders/BH_photolightbox.gif' );
}
div.BH_intProd_canvas	{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_canvas.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_canvas	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_canvas.gif' );
}

div.BH_intProd_blinds {
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_blinds.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_blinds	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_blinds.gif' );
}

div.BH_intProd_roomscreens {
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_roomscreens.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_roomscreens	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_roomscreens.gif' );
}


/* interior products - list */ 
				


/* display options*/ 

div.BH_intProd_framedprints {
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_framedprints.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_framedprints	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_framedprints.gif' );
}

div.BH_intProd_digitalacrylic {
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_digitalacrylic.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_digitalacrylic	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_digitalacrylic.gif' );
}

div.BH_intProd_blockmount {
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_blockmount.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_blockmount	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_blockmount.gif' );
}

div.BH_intProd_perspexfloat {
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_perspexfloat.gif' ) 0 -26px no-repeat;
}
div.BH_intProd_perspexfloat	a{
width:290px;
height:26px;
background: url( 'images/boxheaders/intprod_perspexfloat.gif' );
}





/*end display options*/

 #navlist2
{
margin-top:3px;
margin-bottom:3px;
border:0px solid red;
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist2 li
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
#navcontainer2 li#active { 
font-weight:bold;
}






/* GALLEY */

#greybox	{
border:0px solid black;
width:144px; height:144px; 
background:#f2f2f2;
text-align:center;
}
#pic	{
border:0px solid blue;
width:144px;
height:144px;
padding:3px;
}








#footer	{
	width:100%;
	border:0px solid #ff0000;
	color: #999;
	padding:0px;
	margin:0px;
	height:2.4em;
	background: #eee;
	margin-top:5em;
}
#footercont	{width:785px;}
#footerleft	{border:0px solid red;
	float:left;
	position:relative;
	padding:0.5em;
	margin-left:5px;
}

#footerright	{border:0px solid red;
	position:relative;
	text-align:left;
	float:right;
	padding:0.5em;
	margin-right:5px;
}


		



#contactus	{
	border:0px solid #990000;
	margin-left: 30px;
	width: 730px;
}
#contactusLeft	{
position:relative; 
border:0px solid lime;
width:210px;
float: left;
}
#contactUsMiddle	{
border:0px solid red;
position:relative; 
margin-left:230px;
width:100%
float:right;
}
#label	{
float:left;
width:90px;
clear:both;
border:0px solid red;
}








h1	{
font-family:trebuchet ms, verdana, sans-serif;
	font-size:200%;
	line-height: 180%;
	font-weight:normal;
	margin-top:5px;
	color:#000;
}
h2	{
font-family:trebuchet ms, verdana, sans-serif;
	font-size:110%;
	line-height: 180%;
	font-weight:bold;
	
}
h3	{
	font-weight:bold;
	font-size:100%;
	line-height:100%;
	display:block;
	margin-bottom:0px;
}
h4	{
	font-weight:bold;
	font-size:100%;
	line-height:100%;
	display:block;
	margin-top:-1em;
	margin-bottom:0.5em;
}



A:link	{
	color:#1E66B9;
	text-decoration: none;
}
A:visited	{
	text-decoration: none;
	color:#1E66B9;
}
A:hover	{
	text-decoration: underline;
	color:#FD79D5;	
}


.ulink:link	{
	color:red;
	text-decoration: underline;
}
.ulink:visited	{
	color:grey;
	text-decoration: underline;
}
.ulink:hover	{
	text-decoration: underline;
	color:green;	
}


.infobox	{
background:#FFF1FB; 
color:#555; border:1px solid #FFD7F3;
width:180px;
height:206px;
}
.infoboxYour	{background:#FFF1FB; 
color:#555; border:1px solid #FFD7F3;}

.infoboxContent	{padding:10px; font-size:100%;}

#cloud	{width:550px;background:#FFF1FB; 
color:#555; border:1px solid #FFD7F3; margin:10px 0 10px 0; line-height:130%;}
.size0	{font-size:90%; font-weight:normal;}
.size1	{font-size:95%;font-weight:normal;}
.size2	{font-size:100%;font-weight:bold;}
.size3	{font-size:100%;}
.size4	{font-size:120%;font-weight:normal;}
.size5	{font-size:150%;}

.searchbutton	{
	font-size:85%;
	background-color : #fff;
	color : #666;
}

#form	{
float:left;
width:90px;
clear:both;
border:1px solid red;
}	

#progress	{
position:absolute;
top:120px;
left:482px;
width:279px;
text-align:right;
}


