/*This is needed for the lightbox effect to work properly, so there is no gap on the right hand side of the window*/
body {margin:0;  padding:0; text-align:center; font-size:100.01%; font-family: Arial, Helvetica, sans-serif; background: #fff; color: #555;}
* { margin: 0; padding:0;}

ul li {list-style: none; list-style-type: none;}
.l {float: left; text-align:left}
.r {float: right; text-align:right}
fieldset {border: 0}
/**/
.clear { clear:both; width:100%; height:1px; font-size:1px; }
a:link {color:#165983; text-decoration: underline}
a:visited {color:#165983;}
a:active {color:#165983; }
a:hover {color:#308ac4; text-decoration: none}

td { 
    font-family: Arial, Verdana; 
	font-size: 9pt; 
   } 
   
.h_text {
	font-weight: bold;
	color: #A06842;
   } 
  

		
.msgs {
         font-family: Arial, Verdana; 
	     font-size: 9pt; 
	     color: #A77279;
	    }

#content h1 { padding: 0 0 5px 0; font-size: 1.5em; color: #000; border-bottom: 1px dotted #ddd}

h2 {margin: 10px 0; color: #a06842}
#sidebar h2 {font-size: 1.0em;}
#content h2 {font-size: 1.1em; color:#b7776d}

#sidebar ul {margin: 0 10px;}
#sidebar form {margin: 0 10px}

.black {

}
	 
.nav {
        font-family: Verdana, Arial; 
	    font-size: 8pt; 
	    color: #ffffff;
	 }
	 
/*Google Map*/
#map {margin: 0 0 10px 0; border: 1px solid #ad593b; width: 558px; height: 303px;}

/*NEW DIV STYLING - CHANGING FROM TABLES to DIVS 27th august 2009*/
img {border: 0}
.clear { clear:both; width:100%; height:1px; font-size:1px; }

#pageWrap {padding: 0 1px; margin: 0 auto;background: url(/images/bg_pagewrap.gif) repeat-y;width: 760px;  }
#page { width: 760px;font-family:Arial, Helvetica, sans-serif; font-size: .9em; border-bottom: 1px solid #ad593b; text-align:left; background:url(/images/main-bg.gif) repeat-y }
#page table {border-collapse: collapse}
#page table td {text-align: left; vertical-align:top}
#page p {margin: 10px 0; line-height: 1.3em}
#header { background: url(/images/nav/true-bespoke-furniture.gif) no-repeat bottom right;float:left; width: 760px; clear: both; }
#logoWrap {float: left; width: 200px;}
#logoWrap img {display: block}
#mainmenu {padding: 93px 0 2px 0; background: url(/images/nav/true-bespoke-furniture.gif) no-repeat top right; float: left; width: 560px; }
#mainmenu ul {margin: 0 0 0 0; padding: 0; float:left; background: #000}
#mainmenu ul li { padding: 0;height: 22px;list-style: none; list-style-type: none; display: inline; float:left; text-indent: -9000px;}
#mainmenu ul li a {height: 22px; padding: 0px; display: block; outline: none; background-image: url(/images/nav/mainmenu.gif);}

#mainmenu ul li#m01 {width: 58px;}/*home*/
#mainmenu ul li#m01 a {background-position: 0 0; width: 58px;}
#mainmenu ul li#m01 a:hover, #mainmenu ul li#m01.on a {background-position: 0 -23px}

#mainmenu ul li#m02 {width: 101px;}/*The company*/
#mainmenu ul li#m02 a {background-position: -58px 0; width: 101px;}
#mainmenu ul li#m02 a:hover, #mainmenu ul li#m02.on a {background-position: -58px -23px}

#mainmenu ul li#m03 {width: 71px;}/*kitchens*/
#mainmenu ul li#m03 a {background-position: -160px 0; width: 71px;}
#mainmenu ul li#m03 a:hover, #mainmenu ul li#m03.on a {background-position: -160px -23px}

#mainmenu ul li#m04 {width: 136px;}/*more than kitchens*/
#mainmenu ul li#m04 a {background-position: -230px 0; width: 136px;}
#mainmenu ul li#m04 a:hover, #mainmenu ul li#m04.on a {background-position: -230px -23px}

#mainmenu ul li#m05 {width: 71px;}/*location*/
#mainmenu ul li#m05 a {background-position: -366px 0; width: 71px;}
#mainmenu ul li#m05 a:hover, #mainmenu ul li#m05.on a {background-position: -366px -23px}

#mainmenu ul li#m06 {width: 47px;}/*BLOG*/
#mainmenu ul li#m06 a {background-position: -438px 0; width: 47px;}
#mainmenu ul li#m06 a:hover, #mainmenu ul li#m06.on a {background-position: -438px -23px}

#mainmenu ul li#m07 {width: 76px; }/*Contact Us*/
#mainmenu ul li#m07 a {background-position: -486px 0; width: 76px;}
#mainmenu ul li#m07 a:hover, #mainmenu ul li#m07.on a {background-position: -486px -23px}

#mainmenu img.headerImage {display: none; clear: both; }
#mainmenu table td {padding: 0px; margin: 0}
/*.headerImage {float: right; width: 560px;}*/
#mainmenu table {width: 560px; border-collapse: collapse; }
#m01 td {width: 66px;}/*home*/
#m02 td {width: 101px;}/*The company*/
#m03 td {width: 73px;}/*kitchens*/
#m04 td {width: 147px;}/*more than kitchens*/
#m05 td {width: 75px;}/*location*/
#m06 td {width: 98px;}/*contact us*/
#mainWrap {float: left; width: 760px; }

#sidebar
{ background: url(/images/hogan-kitchens-logo-bottom.gif) no-repeat;
	padding: 60px 0 10px 0;
	float: left;
	width: 200px;
	}
#sidebar img {margin: 0 10px;}
#sidebar p {margin: 10px;}
#sidebar h2 {margin-left: 10px; margin-right: 10px}

#content {float: left; width: 560px;}
#contentLeft {float: left; }
#contentRight {float: left;}
.contentIndent {padding: 0 10px; float: left; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


#staticFlash {margin: 0 0 10px 0; float: left; }

/*FOOTER*/
#footer {padding: 30px 0 10px 0; background: url(/images/footer_expd_h30.jpg) repeat-x ; float:left; width: 100%; clear:both; font-size: .85em}
#address {padding: 0 0 0 10px; margin:5px 0; float:left; }
#credits {margin-top:5px; padding-left:10px; width: 200px; float:left; text-align: left;}
#flashWrap {float: left; clear: both;}

#downloadBrochure {margin: 0 10px 10px 10px; padding: 10px ; float: left; border: 1px dotted #e7e7e7;background: #f9f9f9; width: 310px;}
#downloadBrochure li.pdf {padding: 10px 0 30px 160px; background: url(/images/brochure-icon.gif) no-repeat;}
#downloadBrochure a {padding-bottom: 3px; font-weight: bold; color:#b02520}