/*-----------------------------------------------------------------------------
http://www.DIYkitchens.ie/
-----------------------------------------------------------------------------*/

*{margin:0; padding:0;}
.clear{clear:both; height:5px;}
.embolden {font-weight:bold;}
.hoosh{padding-top:98px;}
a{outline:none;}
a img{border:none;}
.imgLeft{float:left; margin:5px 8px 0 0;}

#mainContent a:link,#mainContent a:visited{color:#FF3535;}
#mainContent a:hover,#mainContent a:active {background-color:#FF3535; color:#FFF;}

body {
color:#033026; 
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
line-height:1.4;
background: #3C2929;
}

#wrapper {
	width: 778px;
	margin: 0px auto;
	position:relative;
	background: #FFF url(../images/body-bg.gif) top center repeat-y;
}
#wrapper2 {padding-bottom:10px; background:url(../images/bottom-shadow.gif) left bottom no-repeat;}

#container{
	width: 758px;
	margin: 0 auto;
	background: #FFF url(../images/bg-bottom.jpg) left bottom no-repeat;
}


/* ------------ masthead ------------ */

#masthead{
background: #FF3333 url(../images/masthead-bg.jpg) left top repeat-x;
height:147px; width:760px;
position:relative;
margin:0 9px 15px;
}
#logo {width:298px; height:139px; position:absolute; text-indent:-9000px;
top:8px; left:26px; background:url(../images/kitchens-logo.jpg) left top no-repeat;}


#bookmark{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
position:absolute;
top:40px; right:30px;
}
#bookmark a:link, #bookmark a:visited{color:#7A0026; text-decoration:none;}
#bookmark a:hover{color:#FFF; text-decoration:underline;}
#bookmark .note{display:none;}

#brochure{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
position:absolute;
top:40px; right:140px;
}
#brochure a:link, #brochure a:visited{color:#7A0026; text-decoration:none;}
#brochure a:hover{color:#FFF; text-decoration:underline;}

#phone {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	position:absolute; left:322px; top:80px;
	color:#ED1C24; font-size:12px;
	line-height:17px;
	}
#phone strong{font-size:17px; letter-spacing:1px;}

#form1{
position:absolute; top:73px; right:26px; z-index:2;
}
#masthead .hiddenBtn{/*button over sale graphic*/
	position: relative;
	top: 60px;
	right: 45px;
	float: right;
	height: 80px;
	}
/* ------------ mainNav ------------ */

#mainNav{
	position:absolute; right:25px;top:2px;
	height:34px;
	background: url(../images/mainnav-bg.gif) repeat-x; z-index:10;
}
#mainNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#mainNav li{
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#mainNav a {
	color:#FFF;
	text-align:center;
	text-transform:lowercase;
	text-decoration:none;
	font: 12px/34px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	display: block;
	height: 34px;margin:0 1px;
}

#mainNav a#home {width:54px;}
#mainNav a#galleries {width:75px;}
#mainNav a#delivery {width:132px;}
#mainNav a#products {width:78px;}
#mainNav a#contact {width:67px;}

body.home #mainNav a#home, #mainNav a#home:hover,
body.delivery #mainNav a#delivery, #mainNav a#delivery:hover,
body.products #mainNav a#products, #mainNav a#products:hover,
body.galleries #mainNav a#galleries, #mainNav a#galleries:hover,
body.contact #mainNav a#contact, #mainNav a#contact:hover,
#mainNav li ul li a:hover
{color:#454545; background: #FFB7B9;}

#mainNav li ul {
	position: absolute;
	width: 75px;
	left: -999em;
	z-index:98;
}
#mainNav li:hover ul, #mainNav li.sfhover ul  {
	left: auto;
	z-index:97;
}
#mainNav li ul li a{
	font-size:11px; 
	line-height:2.5em; 
	text-align: left;
	padding-left: 5px; /* This pads the text in the dropdown */
	width:145px; /* This controls the width of the dropdown */
	height:2.5em;
	background:#FFB7B9 url(../images/ul-li-bg.gif) 0 1px repeat-x;  border-top:1px solid #F9514D; z-index:99;
}
#mainNav li ul li a:hover
{color:#454545; background: #FFB7B9;z-index:96;}

/* ------------ mainContent ------------ */
#mainContent {
width:455px;
float:right; display:inline;
}
#mainContent img.mainPic{
margin-bottom:18px;
_margin-left:3px;
}
body.delivery #mainContent img.mainPic{
margin-bottom:18px;
margin-left:45px;
}
#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent p, #mainContent ul  {
margin:0 19px 10px 0;
}
#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
text-align:right;
}
#mainContent h2{
font-size:17px; color:#B61703;
}
#mainContent h3{
font-size:14px;
}
#mainContent p, #mainContent ul  {
font: 12px/1.6 Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}
#mainContent ul  {margin-left:10px; list-style: disc;}
#mainContent ul li {
margin-bottom:5px;
}
body.contact #mainContent2 {padding:18px 0; background-color:#FFF;}
body.contact #mainContent h2.name{
	color:#000000;
	font: 12px/1.6 Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	height:auto;
	background:none;
	margin-bottom:0px;
	margin-top:-8px;
	text-align:justify;
}
/* Due to popular demand...*/
#mainContent2 #agents{
padding: 0 0px 25px 0px;
background-color: #fff;
	}
#mainContent2 #agents h4{
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
text-align: left;
color: red;
	}
	
/**/
#secondaryContent h2{
	font-size: 15px;
	color: #B61703;
	}
#secondaryContent .productPDFs{
	padding: 10px;
	border: 1px solid pink;
	background-color: white;
	}
body.contact #secondaryContent label
{width: 6.5em;float:left; text-align:right; margin-right:0.5em;font: 12px/1.6 Verdana, Arial, Helvetica, sans-serif;}
body.contact #secondaryContent p {margin:5px;}
body.contact #secondaryContent p.warning {text-align:center; color:red; font-weight: bold;}

body.contact #secondaryContent input,
body.contact #secondaryContent select,
body.contact #secondaryContent textarea 
{width: 140px; text-align:left;}
#name, #email, #telephone {background-color:#FFFFA0;}
body.contact #secondaryContent #send {width: 4em; text-align:center; float:right; margin-right:28px;}

body.contact #network {padding:0 0 25px 0;}
.column1 {width: 230px; float:left; margin:-10px 0 0 0;}
.column2 {width: 210px; float:left; margin:-10px 0 0 0; background:url(../images/logo-column.gif) 15px 95px no-repeat;}

.pdfLink {padding-left:40px; background:url(../images/pdficon_large.gif) 0 3px no-repeat; min-height:32px; _height:32px;}
.readerLink {padding-left:122px; background: url(../images/get_adobe_reader.gif) left center no-repeat; min-height:33px; _height:33px;}




/* ------------ secondaryContent ------------- */
#flashBox{
	height:424px;
	margin-bottom:20px;
}
#secondaryContent{
	float:left; display:inline;
	width:264px;
	margin-left:19px;
}
#secondaryContent h1, #secondaryContent h2, #secondaryContent h3, #secondaryContent h4, #secondaryContent p  {
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}
#secondaryContent h3{
	color:#C6200C;
	font-weight: bold;
	font-size:14px;
	margin-bottom:7px;
}
#secondaryContent h4{
	color:#C6200C;
	font-weight: bold;
	font-size:14px;
	margin-top:15px;
}
#secondaryContent p {
	font-size: 11px;
	margin-bottom:18px;
	text-align:justify;
}

/* ------------ secondaryNav ------------- */
#secondaryNav{
	clear:both;
	margin-bottom:20px;
}
#secondaryNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#secondaryNav li{
	margin-bottom:1px
}
#secondaryNav a{
	display: block;
	height: 18px;
	padding-left:10px;
	background: #FF2525 url(../images/secnav-a-bg.gif) left top no-repeat;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

#secondaryNav a.last{
background: transparent url(../images/secnav-a-bg.gif) right top no-repeat;
}
#secondaryNav a:hover{color:#1E1E1E; background: url(../images/secnav-a-bg2.gif);}
#secondaryNav a.last:hover{color:#1E1E1E; background: url(../images/secnav-a-bg2.gif) right top no-repeat;}

#mainContent #secondaryNav {margin: 10px 20px 0 0;}
#mainContent #secondaryNav ul li a{color:#FFF;}
#mainContent #secondaryNav ul li a:hover{color:#1E1E1E;}

/* ------------ Galleries ------------- */
body.products #galleryBox{
	height: 80px; _height: 80px;}
#galleryBox{
	width:753px; height:450px; _height:460px;
	margin-top: 20px; _margin-top: 0;
}

#galleryBox p{font: 12px/1.6 Verdana, Arial, Helvetica, sans-serif;}
#galleryBox p.intro {
	width:690px;
	margin-left:40px;
	margin-bottom:15px;
}
#galleryBox h1{
	margin: 0 15px 5px 20px;
	color:#B61703;
	font-size:15px;
	text-align:center;
}
#mainPic{
	float: left; display:inline;
    width:350px; margin-left:20px; 
    text-align: center; position:relative;
}
#mainPic #magnify{ position:absolute; top:0; right:0; width:42px; height:42px; z-index:50;}


}
#mainPic p#desc{
	text-align: left;
	padding: 5px 5px 10px;
}
#thumbs{
	float:right;
	display:inline;
	width:365px;
	margin: 0 11px 0 0px;
}
.thumbBox{
	float:left; 
	display:inline;
	width: 63px; height:61px;
	margin:0 0 15px 10px;
	text-align: center; 
	vertical-align:middle;
}
.thumbBox img{
	border: none;vertical-align:middle;
}

#nextPrev {clear:both;}
.galleryNext {
	float:right;font-size:14px;font-weight:bold;padding-right:10px;
}
.galleryPrev {
	float:left;font-size:14px;font-weight:bold;padding-left:10px;
}

body.products #thumbs{
	float:right;display:inline;
	width:310px;
	margin: 0 20px 0 0;
}
body.products #thumbs img{margin: 0 5px 7px;}

/* ------------ Footer ------------- */

#footer{
	clear:both;
	margin: 0 auto;
	padding:25px 0 25px 0;
	width: 758px;
	position:relative;
}
#copyright a{color:#FFF;}

#copyright{
	font: 11px/45px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	height:45px;
	background:#FF0F0F;
	border-bottom:#8D8D8D 2px solid;
	color:#FFF;
}
#author{
	color:#000;
	position: absolute;
	right: 20px;
	top: 76px;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a#author:hover{text-decoration:underline;}

/* ------------ sideTabs ------------- */

.sideTab a{
	display:block;
	width:23px;
	height:101px;
	text-indent:-5000px;
}
#tab1 {
	position:absolute;
	right:-14px; top:15px;
	background: url(../images/tabs-dk.gif) left top no-repeat;
}
#tab2 {
	position:absolute;
	right:-14px; top:117px;
	background: url(../images/tabs-gb.gif) left top no-repeat;
}
#tab3 {
	position:absolute;
	right:-14px; top:219px;
	background: url(../images/tabs-sc.gif) left top no-repeat;
}
/* Floats and Clear*/
.floatRight{
	float: right;
	padding: 0 20px 10px 10px;	
	}
.floatLeft{
	float: left;
	padding: 0 10px 10px 0;
	}
.floatCenter{
	display: block;
	clear: both;
	padding: 10px;
	}
/* */
.getPDF{
	height: 110px;
	border: none;
	background-color: none;
	margin: 00px 0 20px 0;
}
#productGal1{
	height: 270px;
	border: none;
	background-color: none;
	}
#productGal2{
	height: 310px;
	border: none;
	background-color: none;
	}
#imageZoom{position:absolute; top:0; left:0; height:100%; width:100%; background: url(../images/checks.gif); z-index:99; text-align:center; display:none; overflow:hidden;} 
#zoomedImage {border:1px solid #000;}
#zoomedImageHolder {width:640px; min-height:200px; /* IE hack for min-height*/_height:200px; padding:20px 0; margin: 0 auto; background: #FFF url(../images/loading.gif) center center no-repeat; cursor:pointer;margin-top:130px} 
#zoomedImageHolder p{margin-top:10px;}