/* 13/08/2007 

*/

/* universal reset for resetting everything on the page 

*{
	margin:0;
	padding:0;
	border:0;
}

*{
	font-size:100%; /* this resets all elements to 16px used in conjunction with the body font-size to give more control over heading sizes etc
}
*/

body{
	background:#fff;
	color:#666;
	font-size:62.5%; /* equals 10px in most browsers*/
	font-family : helvetica, lucida, arial, verdana, sans-serif;
	line-height:160%;
	padding-top: 10px;
overflow-x: hidden;
 }


h2, h3, h4{
color: #FF9F10
}

h4 {
	font-size: 120%;
	font-weight: lighter;
	margin-bottom: -10px;
}


.accessibilityAid{
	display:none; /*some screenreaders so instead*/
	position:absolute;
	left:-999em;
	top:-999em;
	}
	
/*div{
	border:1px solid red;
}*/



/*
Global Linking
-------------------------------------------------*/


a{
	color:#000;
	font-size:108%;
 outline: none;
text-decoration: none; }


a:link {

}

a:visited {

}

a:hover{
	color: #FF9F10 !important;
}

img{ 
border: none;
}




/* wrappers
-------------------------------------------------*/



div#wrapper{
	width:990px;
	margin:0 auto;
 }

div#wrapper2{
width:990px;
	float:left;
	clear:both;
	margin:0 auto;
	border-style:solid;
	border-width:0 0 1px 1px;
	border-color:#ccc;
}

div#wrapper3{
background: url(../images/1pix.gif) repeat-y 215px 50px;
	float:left;
	clear:both;
	border-style:solid;
	border-width:0 1px 0 0;
	border-color:#ccc;
position:relative;
	width:989px;
}

b.b1,
b.b2{
display:block;
width:20px;
height:25px;
background:white;
position:absolute;
left:205px;
top:0;
}

b.b2{
bottom:0;
top:auto;
}



div#wrapper3home{
	float:left;
	clear:both;
	border-style:solid;
	border-width:0 1px 0 0;
	border-color:#ccc;
position:relative;
	width:989px;
}




/*
main design house logo element
*/

h1{
	width:186px;
	height:108px;
	/* margin:0;  */
	padding:0;
	margin: -20px 0 0;
}


body.layout2 h1{
	margin-top:300px;}

/*  oxford page(s) specific to allow for xtra sub-menu items  */
body.layout2Oxford h1{
	/* margin-top:249px; */
	margin-top:272px;
	}

/*  belfast page(s) specific to allow for xtra sub-menu items  */
body.layout2Belfast h1{
	margin-top:296px;
	}

/* body.layout3 h1{
	margin-top:204px;
	}  */
	
	
body.layout3 h1, body.layout7 h1 {
	/* margin-top:226px; */
	margin-top:200px
	}
	

	
/*  for extra kitchen sub-menu items - ex-display pages only  */	
body.layout33 h1{
	/* margin-top:182px; */
	margin-top:200px;
	}



/*  for two sub-menu items - Derry, Dalkey */
body.layout4 h1{
	/* margin-top:318px; */
	margin-top:295px;
}


/*  for two sub-menu items - Belfast  */
body.layout55 h1{
	/* margin-top:295px; */
	margin-top:272px;
}


/*  for three sub-menu items  */
body.layout4a h1{
	margin-top:297px;
}



/*  no sub-menu items  */
body.layout5 h1{
	/* margin-top:379px; */
	margin-top:377px;
	}
	
body.layout6 h1{
	/* margin-top:380px; */
	margin-top:377px;
	}


body.layout7 div#col1{
_height:400px;  /* todo ie fix  */
margin-top: 22px;
padding-bottom:20px;
display: inline;
 }  


h1 a{
	display:block;
	width:186px;
	height:108px;
	background-image:url(../images/dh_logo.png);
	background-repeat:no-repeat;
	text-indent:-999em;
	/*paranoid tricks for older browsers*/
	text-decoration:none;
	overflow:hidden;
}




/*
===== main navigation =====
*/


#main-navigation {width:991px;
margin:0;
position: relative;
left: -41px; }

#main-navigation li {
display:block;
float:left 
}

#main-navigation a {height:31px;
text-indent:-9999px;
overflow:hidden;
display:block;
float:left; }

#homeSel a {background: url(../images/home_tab_sel.png) no-repeat top left;
width:175px; }
#homeSel a:hover {background-position:-174px !important; }

#home a {background: url(../images/home_tab.png) no-repeat top left;
width:175px; }
#home a:hover {background-position:-174px !important; }


#kitchensSel a {background: url(../images/our_kitchens_tab_sel.png) top left no-repeat;
width:175px; }
#kitchensSel a:hover {background-position:-175px !important; }

#kitchens a {background: url(../images/our_kitchens_tab.png) top left no-repeat;
width:175px; }
#kitchens a:hover {background-position:-175px !important; }


#companySel a {background: url(../images/our_company_tab_sel.png) top left no-repeat;
width:175px; }
#companySel a:hover {background-position:-175px !important; }

#company a {background: url(../images/our_company_tab.png) top left no-repeat;
width:175px; }
#company a:hover {background-position:-175px !important; }


#chooseSel a {background: url(../images/why_choose_tab_sel.png) top left no-repeat;
width:175px; }
#chooseSel a:hover {background-position:-175px !important; }

#choose a {background: url(../images/why_choose_tab.png) top left no-repeat;
width:175px; }
#choose a:hover {background-position:-175px !important; }


#contractsSel a {background: url(../images/contracts_tab_sel.png) top left no-repeat;
width:175px; }
#contractsSel a:hover {background-position:-175px !important; }

#contracts a {background: url(../images/contracts_tab.png) top left no-repeat;
width:175px; }
#contracts a:hover {background-position:-175px !important;}

#endtab a {
width:116px;
background-image: url(../images/end_tab.png);
cursor: none; }



/*
===== left hand panel where the sub navigation(s) & logo live =====
*/

#sub-nav-chunk {
	width:200px;
	float: left;
	margin: 48px 0px 20px 15px;
}




/*
===== locations sub menu =====
*/

#sub-navigation {width:125px;
height:132px;
margin:0;
padding-top: 15px;
margin-left: -10px;
	padding-bottom: 100px;
}

#sub-navigation li {display: inline;
 }

#sub-navigation a {
width:125px;
height:132px;
text-indent:-9999px;
overflow:hidden;
display:inline;
float:left; }

#oxford a {background: url(../images/oxford.png) top left no-repeat;
width:125px;
height: 26px; 
}
#oxford a:hover {background-position: 0 -26px; }

#dalkey a {background: url(../images/dalkey.png) top left no-repeat;
width:125px;
height: 26px;
}
#dalkey a:hover {background-position: 0 -26px; }

#dublin a {background: url(../images/dublin.png) top left no-repeat;
width:125px;
height: 26px;
}
#dublin a:hover {background-position: 0 -26px; }

#belfast a {background: url(../images/belfast.png) top left no-repeat;
width:125px;
height: 26px; }
#belfast a:hover {background-position: 0 -26px; }

#derry a {background: url(../images/derry.png) top left no-repeat;
width:125px;
height: 14px; }
#derry a:hover {background-position: 0 -14px; }



/*
===== second sub menu =====
*/

#second-sub-navigation {
width:170px;
padding:0;
list-style:none;
margin-left: 10px; }

#second-sub-navigation li {
}

#second-sub-navigation a {
display:inline;
text-decoration: none;
color: #999;
font-size: 130%;
line-height: 180%;
background: url(../images/orange_arrow.gif) no-repeat 0% 50%;
padding-left: 15px;
font-weight: lighter; }




#sel a {
color: #FF9F10 !important;
}

#handcrafted a{
line-height: 150%;
 }

#poggenpohl a{
line-height: 150%; }





/* main content area */


/* index page specific */
div#mainContentHome{
	width:716px;
/* height: auto;   don't use heights for stuff like this  */  
	float:left;
	margin: 35px 0px 20px 0px;
	font-size:120%;
padding-left: 25px;
line-height: 180%;
}


/* home page sub menu vertical divider (msie hack)*/

div#ks-v-divider {
border-left: 1px #ccc solid;
width: 10px;
/* height: 450px; */
height: 460px;
position: absolute;
left: 210px;
top: 440px;
float: left; 
}




div#mainContent{
	width:720px;
	float:left;
	margin:25px 0px 20px 25px;
	font-size:120%;
	line-height: 170%;
}


div#col1{
	width:455px;
 	float:left;
	padding-bottom: 30px;
}


div#col1 h4 {
	color: #333;
	font-size: 110%;
}

div#col1 ul{
list-style-type: square;
 }

div#team1{
	width:300px;
	float:left;
 }
 
 div#team1 h2{
	font-weight: lighter;
}

div#fullWidth {
	width:695px;
	float:left;
	margin-top:7px;
    padding-bottom: 40px;
 }
 
 div#fullWidth h2 {
	font-weight: lighter;
	font-size: 190%;
}

 div#fullWidth h3 {
	font-weight: lighter;
	font-size: 130%;
}




body.layout2 div#col1{
margin-top: 22px;
 }

body.layout2Oxford div#col1{
 margin-top: 22px;
 }

body.layout2Belfast div#col1{
margin-top: 22px;
 }

body.layout3 div#col1 {
_height:400px;  /* todo ie fix  */
margin-top: 22px;
padding-bottom:20px;
display: inline;
 }
 
body.layout4a div#col1{
	width:555px;
}
 
 
 
 /* NEWS page(s)  */ 
 
 
 /*  no sub-menu items  */
body.newsPage h1{
	margin-top:384px;
	} 
	
 
body.newsPage div#col1{
	_height:400px;  /* todo ie fix  */
	margin-top: 22px;
	padding-bottom:20px;
	display: inline;
	width: 100%;
	float: left;
}  

body.newsPage div#col1 p{
	width: 550px;
}  


body.newsPage div#imagePanel{
} 


 body.newsPage div#subNav{
	width: 720px;
	float: left;
	margin-top: -20px;
	margin-bottom: 20px;
} 

body.newsPage div#subNav2nd{
	width: 720px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid silver;
}  


body.newsPage h3{
	font-size: 16px;
	margin-bottom: -10px;
} 


 



 
 
 
/* ex-display kitchens page(s)  */  
 body.layout33 div#col1{
_height:400px;  /* todo ie fix  */
margin-top: 22px;
padding-bottom:20px;
display: inline;
	width: 100%;
}  

 body.layout33 div#subNav{
	width: 720px;
	float: left;
	margin-top: -20px;
	margin-bottom: 20px;
} 

 body.layout33 div#subNav h2,  body.layout33 div#subNav2nd h2{
	margin-bottom: 0;
	font-weight: normal;
	font-style: normal;
} 
 body.layout33 div#subNav2nd h2{
	padding-top: 15px;
} 

 body.layout33 div#subNav2nd{
	width: 720px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid silver;
}  


 body.layout33 h3{
	font-size: 16px;
	margin-bottom: -10px;
} 

 body.layout33 div#panel1,
 body.layout33 div#panel2,
 body.layout33 div#panel3,
 body.layout33 div#panel4,
 body.layout33 div#panel5,
 body.layout33 div#panel6,
 body.layout33 div#panel7,
 body.layout33 div#panel8,
 body.layout33 div#panel9,
 body.layout33 div#panel10,
 body.layout33 div#panel11,
 body.layout33 div#panel12,
 body.layout33 div#panel13{
	color: #688BA0;
	width: 190px;
	height: 234px;
	float: left;
	border: 1px solid silver;
	margin-right: 25px;
	margin-top: 25px;
	padding: 5px 10px 6px;
	font-size: 110%;
	line-height: 130%;
}

 body.layout33 div#panel1 img,
 body.layout33 div#panel2 img,
 body.layout33 div#panel3 img,
 body.layout33 div#panel4 img,
 body.layout33 div#panel5 img,
 body.layout33 div#panel6 img,
 body.layout33 div#panel7 img,
 body.layout33 div#panel8 img,
 body.layout33 div#panel9 img,
 body.layout33 div#panel10 img,
 body.layout33 div#panel11 img,
 body.layout33 div#panel12 img,
 body.layout33 div#panel13 img{
	padding-top: 6px;
}


 body.layout33 div#panel1 a,
 body.layout33 div#panel2 a,
 body.layout33 div#panel3 a,
 body.layout33 div#panel4 a,
 body.layout33 div#panel5 a,
 body.layout33 div#panel6 a,
 body.layout33 div#panel7 a,
 body.layout33 div#panel8 a,
 body.layout33 div#panel9 a,
 body.layout33 div#panel10 a,
 body.layout33 div#panel11 a,
 body.layout33 div#panel12 a,
 body.layout33 div#panel13 a{
color: #688BA0;
text-decoration: none;
font-size: 80%;
font-weight: lighter;
background: url(../images/orange_arrow.gif) no-repeat 87px 50%;
display: block;
}









/* ----------------- */  



body.layout4 div#col1, body.layout55 div#col1{
	margin-top: 22px;
 }


div#col1 h2{
	color: #FF9F10;
	font-size:190%;
	margin-top: -1px;
	font-weight: lighter;
 }
 
body.layout33 div#col1 h2{
	margin-top: 12px;
 }


div#col1 h3{
font-size: 130%;
font-weight: lighter;
line-height: 100%;
margin-bottom: -5px; }

div#col1 h3 a{
color: #FF9F10;
text-decoration: none; }

div#col1 a:hover{
text-decoration: underline; }


div#col2{
	width:205px;
float:right;
}

div#team2{
	width:300px;
	float:right;
 }
 
div#team2 h2{
font-weight:lighter;
 }

body.layout2 div#col2{
margin-top: 33px;
}

body.layout3 div#col2{
margin-top: 22px;
}

body.layout7 div#col2{
margin-top: 22px;
}


div#introContent h2{
	color: #666666;
	font-size:190%;
margin-top: -4px;
font-weight: lighter;
 }


div#footNotes {
font-size: 80%;
line-height: 130%;
color: #999;
padding-left: 10px;
}



/* RH column text */


div#RHColumn{
font-size:100%;
line-height:150%;
color: #999;
font-weight: lighter;
margin-left: 70px; }


div#RHColumn #oxfordInfo{
position: relative;
top: 34px;
 }
 
div#RHColumn #oxfordInfoMap {
position: relative;
top: -25px;
 }

div#RHColumn #belfastInfo{
position: relative;
top: 34px;
 }
 
 div#RHColumn #belfastInfoMap{
position: relative;
top: -25px;
 }

div#RHColumn #dublinInfo {
position: relative;
top: 34px;
 }
 
 div#RHColumn #dublinInfoMap {
position: relative;
top: -25px;
}

div#RHColumn a{
color: #FF9F10;
text-decoration: none; }

div#RHColumn a:hover{
	color: #999;
text-decoration: underline; }



/* Latest News panel */

div#latestNews{
width:205px;
font-size:120%;
background-image: url(../images/news_panel_v3.png);
background-repeat: no-repeat;
border: 1px #ccc solid; 
margin-top:7px;
 }

div#latestNews p{
margin: 0;
 }


p.readMoreLink a{
/* display: block;  to position arrow across block  */
padding-right: 12px;
color: #688BA0;
text-decoration: none;
font-size: 80%;
font-weight: lighter;
background: url(../images/orange_arrow.gif) no-repeat 100% 50%;
margin: 0;
}

div#latestNews div#newsItems{
padding-top: 35px;
padding-bottom: 10px;
margin: 0 10px;
}


div#latestNews .newscopy {
color: #999999;
font-size: 75%;
line-height: 120%;
}


div#latestNews h3{
color: #688BA0;
text-decoration: none;
font-size: 105%;
font-weight: lighter;
padding-left: 10px;
margin-top: 5px;
padding-bottom: 7px; }


div#latestNews h3 a{
color: #688BA0;
text-decoration: none;
font-size: 90%;
font-weight: lighter; 
background: url(../images/orange_arrow.gif) no-repeat 180px 50%;
padding-right: 120px; }

div#latestNews h4{
font-size: 100%;
color: #688BA0;
font-weight: lighter;
margin: 10px 0 5px;
	line-height: 120%;
}



/* other side panels class - with ids for background images*/

div.sidePanels {
width:205px;
font-size:120%;
border: 1px #ccc solid; 
padding-bottom: 60px;
margin-bottom:7px;
}


div.sidePanels a{
width:195px;
color: #688BA0;
text-decoration: none;
font-size: 84%;
font-weight: lighter;
background: url(../images/orange_arrow.gif) no-repeat 190px 50%;
padding-left: 10px;
display: block;
}

div.sidePanels h3{
margin:0;
	padding-bottom: 3px;
	padding-top: 6px;
}


/* Design Process panel */

div#designProcess{
background: url(../images/design_process_panel_v.png) no-repeat left;
}




/* Appliances panel */

div#appliances{
	background: url(../images/appliances_panel_v.png) no-repeat left bottom;
}


/* Furniture Care Guide panel */

div#furnitureCare{
	background: url(../images/furniture_care_panel_v.png) no-repeat left bottom;
}


/* Register for The List panel */

div#theList{
	background: url(../images/porsche_list_panel.png) no-repeat left bottom;
}






/* Flash movie positioning */

div#flash{
margin-left:20px;
margin-top:25px; }


/* Main Image positioning */

div#mainImage {
	margin: 0;
}

div#mainImage2 {
	margin: 0 0 -7px;
}



/* triple image gallery view links image positioning */

div#mainImageTriple{
width: 723px;
}



/* site map page */

div#siteMap a{
color: #546e8e;
 }
 
div#siteMap #subMenu{
	position: relative;
	left: 10px;
}

div#siteMap #subMenu a{
color: #546e8e;
}




/* Forms----------------------- */

div#tlForm{
	width:716px;
	color: #999;
}

div#tlForm h3{
	margin: 0;
}


.yourdetails {font-size: 100%;
line-height: 110%; 
text-align: right;
border: 1px #cccccc solid;
padding: 5px;
width: 75px;
}

input,
textarea { 
	padding: 0.1em 5px 0.1em 5px;
	vertical-align: bottom;
	font-size: 100%;
	color: #666;
}

input:hover,
textarea:hover {
background-color: #ffebd7;
}

input:focus,
textarea:focus {
background-color: #ffebd7;}
	
.buttonarea {padding-bottom: 10px;
padding-top: 10px;
text-align: left;
}

.error  {font-size: 100%;
color: #cc0000; }

.highlight {font-size: 120%;
color: #FF9F10; }

.note {font-size: 100%;
color: #ccc;
font-style: italic;
text-align: right; }

.strikethrough {
	text-decoration: line-through;
}




/* Footer  */

div#siteInfo{
	float:left;
	clear:both;
	margin: 0px;
	width:990px;
 position: relative;
/* top: 60px;  */
color:#999;
/*margin-top: 50px;*/
margin-top: 15px;
padding-bottom: 15px; }

div#siteInfo a{
	color:#999;
text-decoration: none; }


/* Footer right */

div#siteInfo div#siteInfoRight{
	float:right;
	clear:both;
	margin:0;
	width:500px;
position: absolute;
top: 0px; 
right:10px;
color:#999;
text-align: right; }

div#siteInfo div#siteInfoRight a{
	color:#999;
	text-decoration:none;
}



/* image switcher  */

div#imageHolder {
	background-color: transparent;
}

div#imageMenu {
	float: right;
	/* border: 1px solid silver; */
	margin-top: 15px;
	padding: 7px;
	color: gray;
	font-size: 90%;
	display: block;
}

.imageSel {
	background: url(../images/orange_arrow.gif) no-repeat 101% 50%;
	padding-right: 10px;
	display: block;
	border-bottom: 1px solid silver;
	padding-bottom: 2px;
	padding-top: 2px;
	cursor:pointer;
}


/* special headings */

.sale {
	font-size: 160%;
	font-weight: bold;
	color:#C00;
}