/* CSS Document */

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height: -1px;

}

img{border:none;}

html {
	background: #000 url(../images/gradient.gif) repeat-x;}

/*body.swerdlowkitchen_bg {
	background-image: url(../images/BG_online.png);
	background-repeat: no-repeat;
}*/

----------------------------------------

/* 262F67 dark blue - A0B4B9 light blue */

.menu2 {
float:right; width:100%; 
}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
float:right; position:relative; padding-right:10px;
}
.menu2 ul li.group {display:block; text-indent:5px; background:#000; color:#000; width:40px; padding:0px 0;}

.menu2 ul li a, .menu2 ul li a:visited {
float:right; display:block; text-decoration:none; color:#1e1e1e; padding:0px 5px; line-height:0px; height:35px; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif;
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {color:#000;}

.menu2 ul li:hover a {color:#fff;}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:15px; margin-top:1px; left:0; width:90px;
}

.menu2 ul li:hover ul.scroller {
height:110px; width:160px; overflow:auto;}

.menu2 ul li:hover ul.endstop {
left:-40px;
}
.menu2 ul li:hover ul li ul {
display: none;
}

/* drop down text styling*/
.menu2 ul li:hover ul li a {
display:block; background:#0e62b0; color:#fff;height:auto;line-height:15px;padding:3px 15px; width:120px;
}
.menu2 ul li:hover ul li a.drop {
background:#fff;
}

/* drop down text colour and colour bar*/
.menu2 ul li:hover ul li a:hover {
color:#1e1e1e; background: #068ddd;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #888; color:#000;
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#000;
}
.menu2 ul li:hover ul li:hover ul li a {background:#000;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#000; color:#0ff;}



/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#aaa;left:0; marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -90px;
}
.menu2 ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;
}
.menu2 ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
color:#ff0; background: #888;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #888; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}


.left {clear:both;}

</style>


--------------------------------------------------------

#topnavigation { margin-left:0px;  margin-bottom:0px; color:#A0B4B9; font-weight:normal;}

#topnavigation li { display:inline; list-style:none; margin:5px; }

#topnavigation a { font-size:10px;color:#fff; text-decoration:none; font-weight:100; padding: 0px;} 

#topnavigation a:hover { color:#A0B4B9; }

#topnavigation a.active  { color:#A0B4B9; }

h1 {color:#fff; font-size:15pt; padding:0px 0px 0 0; letter-spacing:1px; text-align:center; padding-left:20px;}

h2 {color:#fff; font-size:12pt; margin-left:20px; margin-top:150px; line-height:18px; letter-spacing: 2px; text-align:left}

h3 {color:#fff; font-size:7pt;text-align:center; padding-left:20px;}

h4 {color:#fff; font-size:8pt; margin-left:10px; letter-spacing: 2px; text-align:left}

h5 {color:#4cd1ff; font-size:8pt; margin:10px; letter-spacing: 2px; text-align:left}

h6 {color:#fff; font-size:8pt; margin:5px; letter-spacing:1px; text-align:center}

h7 {color:#fff; font-size:8pt;text-align:left; padding-left:20px;}

p {color:#fff; font-size:9pt; line-height:18px; text-align:left}

p.style1 {color:#fff; font-size:8pt; padding-left:20px; padding-right:20px; padding-bottom:0px; line-height:18px; text-align:center; float:left;}

p.style2 {color:#fff; font-size:9pt; padding-left:20px; padding-top:10px; line-height:15px; text-align:left}

p.style3 {color:#fff; padding-left:10px; padding-top:10px; text-align:left}

p.style4 {color:#fff; font-size:8pt; margin-left:10px; margin-right:10px; text-align:left;}

p.style5 {color:#fff; font-size:10pt; margin-left:10px; margin-right:10px; text-align:left}

.clickhere{float:left;width:800px;height:72px;padding:0px 0 0 0px;}



/*JAVA SCRIPT LIGHTBOX CSS*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/lightbox/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/clientbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/clientbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*JAVA SCRIPT CSS END*/

.buttons {
border-bottom:thick, #FFFFFF; padding-top:20px;}

.buttons {
border-bottom:thick, #FFFFFF; padding-top:0px;}


.address
	{
	color:#ffffff;
	font-size:8pt;
	text-align:left;
	padding:30px 0 30px 10px;
	line-height:14px;
	}
	
.boldno
	{color:#ffffff;
	font-size:8pt;
	text-align:left;
	line-height:14px;}

a.one:link {color: #0e64b2; text-decoration: none;}
a.one:visited {color: #fff; text-decoration: none}
a.one:hover {color: #01adf9; text-decoration: none}

a.two:link {color: #0e64b2; font-size:7pt; padding-left:20px; text-decoration: none}
a.two:visited {color: #fff; font-size:8pt; padding-left:20px; text-decoration: none}
a.two:hover {color: #01adf9; font-size:8pt;  padding-left:20px; text-decoration: none}

a.three:link {color: #0e64b2; text-decoration: none}
a.three:visited {color: #fff; text-decoration: none}
a.three:hover {color: #01adf9; text-decoration: none}

a.four:link {color: #0e64b2; font-size:7pt; text-decoration: none}
a.four:visited {color: #fff; font-size:7pt; text-decoration: none}
a.four:hover {color: #01adf9; font-size:7pt; text-decoration: none}


#footerline { background:url(../images/footerline.jpg) top center no-repeat; height:3px;}

#footerwrap { background:url(../images/footer.png) top center no-repeat; width:100%; height:407px;}

#footer { width:800px; margin:0 auto; padding-top:20px;  }

#footeraddress { width:350px; float:left; padding-top:50px; }

#footeraddress address { font-style:normal; color:#FFFFFF; font-size:10px; border-right:1px solid #fff; margin-top:20px;  float:left; width:140px;line-height:15px; text-align:left; padding-left:10px; }

#footermap { width:270px; float:left; border:2px solid #e4be6d; margin-top:20px;}

#footerlinks { width:150px; padding-top:150px; float:left;}

#footerlinks img { padding:15px 0;}

#footerlinks a img { padding-left:45px; }

#footer sitemap {font-style:normal; color:#333333; font-size:10px; padding-top:40px;  float:left; width:800px; line-height:15px; text-align:center;}

#footer sitemap a {text-decoration:none; color:#333333;}

#footer sitemap a:hover {color:#00CCFF;}




/*	
a:link
	{color:#ffffff;
	text-decoration:none}*/
	
a:hover {
	color: #01adf9;
	text-decoration: none;}
	
div.showcase {
   border:1px solid #c8c8c8;
   width:800px;
   height:348px;
   /*margin-bottom:10px;*/
   /*display:table;  must put this in for FireFox - this helps the float:left divs from being annoying */
   overflow:scroll;}

div.showcase img{
   float:left;}


.zest
	{ color:#333333;
	font-size:7pt;
	text-align:center;
	text-decoration:none}