body, ul, li, h1, h2, h3, p
{
	margin : 0;
	padding : 0;
}

/*    fix ie Disappearing List Backgrounds  hasn't fixed my navigation    */

/* ul, ol, dl 
{
     position: relative;  
}*/

body
{
	margin-right: auto;
	margin-left: auto;/*	position: absolute;	*/
}

img
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#wrapper
{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/*
* html #wrapper
{
	height: 1%;
	position: absolute;	
}

*/

#header
{
	width: 780px;
	height: 100px;
}

#header h1
{
	padding-top:  5px;
	padding-left: 10px;
	width: 330px;
}

#header h2
{
	padding-top:  5px;
	padding-left: 10px;
	width: 330px;
}

#header h3
{
	padding-top:  8px;
	padding-left: 10px;
	width: 360px;
}

#footer
{
	clear: both;
	float: left;
	width: 780px;
	height: 2.5em;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
}

/* ---------    navigation block top    --------------------------------- */

/*  positions correctly but leaves hole */
/*#navigation
{
	width:420px;
	position: relative;
	top: -100px;
	left: 370px;
}*/


#navigation
{
	width:390px;
	position: absolute;
	top: 10px;
	left: 380px;
	height: 90px;
}

#navigation ul
{
	width:100%;
	float: left;
	list-style: none;
	padding-top: .5em;
	padding-bottom: .5em;
}

/* the li are floated and so have no size */

#navigation li
{
	float: left;
	white-space: nowrap;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-right: 0.4em;
	padding-left: 0.4em;
}

#navigation li a
{
	display: block;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 5px;
}

#navigation .selected a
{
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-right: 0.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-left: 0.5em;
	margin-bottom: 3px;
}

/* ---------    navigation block bottom-------------------------------- */

#navigation_2
{
	clear: both;
	/*	float: left;*/
	/*  floated element expand to contain floated elements descending from it. but messes up ie*/
	/*  adding a height and removing float no bg colour - have to expand height */
	width:100%;
	/*	width:780px;*/
	height: 4em;
}

#navigation_2 ul
{
	width:100%;
	float: left;
	list-style: none;
	padding-top: .5em;
	padding-bottom: .5em;
}

/* the li are floated and so have no size */

#navigation_2 li
{
	float: left;
	white-space: nowrap;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	padding: 0em .4em;
}

#navigation_2 li a
{
	display: block;
}

/*#navigation_2 a:hover
{
}*/

#navigation_2 .selected a
{
	padding: 0em 0.5em 0em 0.5em;
}

/* ***   individual items on multi item page   *** ----------------------------------------- */

#multi_item_wrapper
{
	width: 600px;
	float: left;
	position: relative;
	left: 180px;
}

.item_content
{
	width: 600px;
	float: left;
	position: relative;
	left: 180px;
	padding-bottom: 1em;
}

#multi_item_wrapper .item_content
{
	left: 0px;
	width: 600px;
	float: left;
	overflow: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-top: 5px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	border-top-width: 2px;
	border-top-style: solid;
}

.item_content p
{
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*.item_content h1
{
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
}*/


#multi_item_wrapper .item_content h1
{
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
}

#multi_item_wrapper .item_content img
{
	float: left;
}

/* is this necessary ? put in photo div   */

/*.item_content*/ .item_photo
{
	width: 400px;
	float: left;
}

#multi_item_wrapper /*.item_content*/ .item_photo
{
	width: 200px;
	float: left;
}

/* end of navigation block ---------------------------------------------- */

/* *** fireplace Information Blocks  */

.info
{
	float: left;
	width: 180px;
	overflow: auto;
	padding-bottom: 10px;
	padding-left: 10px;
}

.info_2
{
	float: right;
	width: 180px;
	overflow: auto;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.info h1
{
	border-bottom-style: solid;
	border-bottom-width: medium;
}

.item_content .item_sizes
{
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-bottom: 10px;/*	width and border is 180*//*	float: left;*/
}

/* target IE6 and earlier with double margin fix*/
/*
* html .item_sizes{  
 	margin-left: 5px;
}*/

.item_sizes li
{
	list-style: none;
	padding-left: 3px;
}

.size_highlight
{
	padding-left: 12px;
}

.info_2 .more_options
{
	border: 2px solid;
	margin-bottom: 10px;
}

.more_options li
{
	list-style-position: inside;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 5px;
}

/*where is this used?*/

/*#pull_info {
	margin-left: 8px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}*/



/* ***   End of Information Block  *** ------------ ------------------------- */


/* ***   items not full width   *** ----------------------------------------- */

#items
{
	width: 400px;
	float: left;
	left: 180px;
	position: relative;
}

#multi_item_wrapper #items
{
	left: 0px;
}

#items .tile_disclaimer
{
	width: 350px;
	clear: left;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
}

#items h1
{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

#items h2
{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

#items p
{
	padding: 10px;
}

#multi_item_wrapper #items img
{
	float: left;
}

/*where is this used*/
/*#items li {
	list-style-type: none;
	padding-left: 10px;
	padding-top: 5px;
}*/


/* other webs ites address etc ***   -- */

.info_otherweb
{
	float: right;
	width: 198px;
	overflow: auto;
	position: relative;
	left: 180px;
	border-left-style: solid;
	border-left-width: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.info_box p
{
	padding: 0.8em;
}

.info_box h3
{
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.8em;
}

.info_box ul
{
	list-style-type: none;
	padding: .8em;
}

/*#items .pullbox
{
	float: right;
	width: 200px;
}

.item_content .pullbox
{
	float: right;
	width: 200px;
}*/

.pullbox
{
	float: right;
	width: 200px;
}

/*.pullbox h1
{
	padding: 9px;

}*/

.pullbox p
{
	padding: 9px;
}


/* fix the 3pixel IE error on both sides of the floated div */
* html #items .pullbox
{  /* targets IE6 and earlier */
	margin-right: -7px;
}

.pullbox .offer
{
	width: 200px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 0px;
	border-bottom-width: thin;
	border-left-width: thin;
}

#about_us
{
	float: right;
	display: inline;
	margin-bottom: 5px;
}

#about_us img
{
	float: none;
	padding-bottom: 5px;/*	border-bottom-style: none;*/
}

#find_us
{
	width: 600px;
	float: left;
	position: relative;
	left: 180px;
}

#find_us h1
{
	padding: 3px;
	margin: 5px;
}

#find_us p
{
	padding: 3px;
	margin: 5px;
}

#find_us h1
{
	padding: 3px;
	margin: 5px;
}

#find_us p
{
	padding: 3px;
	margin: 5px;
}

.tiles_info
{
	width: 115px;
	float: left;
	height: 450px;
	margin-left: 5px;
	padding-top: 15px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
}

.tiles_info h1
{
	padding: 3px;
	margin: 5px;
	border-bottom-style: solid;
	border-bottom-width: medium;
}

#intro
{
	float: left;
	width: 195px;
}

.iefuckupsuppressor
{
	visibility: hidden;/*	height: 0.1px;*/
}


/* ***********************************************   Products menu  ** */

#products_list
{
	width: 180px;
	float: right;	
	vertical-align: top;
	position: relative;
	left: -600px;
}

#products_list ul
{
	width: 100%;
	list-style: none;
}

#products_list li
{
	display: block;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;

/*	padding-top: 0.3em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0.6em;*/
}

.products_no_link
{
	height: 3em;
	padding-top: 0.3em;
	padding-left: 0.6em;
	
/*	display: block;*/
/*	padding-right: 0em;
	padding-bottom: 0em;*/
}

#products_list li a
{
	display: block;
	height: 3em;

	padding-top: 0.3em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0.6em;
}

/* a:link, a:visited, a:hover, a:active */

/*#products_list li a:link {
 }*/

#products_list li a:hover
{
	border-left-style: solid;
}

#products_list .selected
{
/*	display: block;*/
	padding-left: 10px;
}

#products_list .products_list-first
{
/*	display: block;*/
	height: 3em;

}

/*
#products_list .products_list-first a
{
}
*/

#products_list .products_description
{
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}

/* end of products menu ------------------------------------------ */
#items li {
	margin-left: 25px;
	font-size: small;
	font-weight: bold;
}
#items table {
	font-size: small;
	font-weight: bold;
	margin-left: 10px;
}
#products_list .quickfind {
	font-size: 2em;
	line-height: 2em;
}
.quickfindunder {
	text-decoration: underline;
}