.menu {font-family: arial, sans-serif; width:100%;   position:relative; font-size:12px; z-index:2; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;   padding-bottom:2px; padding-left:21px; padding-right:21px; padding-top:3px; height:20px; text-align:center; color:#333333; border:1px solid #fff; /*main bg*/background:#86D381; line-height:18px; font-size:12px; overflow:visible;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display:none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; /*main over*/background:#fb9b05;}
.menu ul li:hover ul {display:inline; position:absolute; top:25px; left:0; }
.menu ul li:hover ul li a.hide {/*main sumenu*/background:#86D381; color:#333333; height:100%;}
.menu ul li:hover ul li:hover a.hide /* main submenu over*/{background:#fb9b05; color:#333333;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; /*submenu bg*/background:#dee6dc; color:#333333;}
.menu ul li:hover ul li a:hover {/* submenu rollover*/background:#eeeed4; color:#333333;}
.menu ul li:hover ul li:hover ul {display:inline; position:absolute; left:142px; top:0;}
/*.menu ul li:hover ul li:hover ul.left {left:-125px;}*/


/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



html, body{   margin:0;  padding:0;   text-align:center;  background:#FFFFFF;  font-family:Arial, Helvetica, sans-serif; font-size:medium; color:#171717;
} 

.phone_content {color:#666666;}
 
#pagewidth{  width:929px;  text-align:left; margin-left:auto;  margin-right:auto;  } 


  
#header{  position:relative; float:left;  padding-right:10px; padding-left:10px;  width:100%;  height:100px;;  background-color:#FFFFFF; } 

#logo{ margin=:0px; float:left; width:309px;  height:86px;  background-color:#FFFFFF; border:0px; 

} 
#links-right{ position:relative; float:right;  line-height:16px; right:20px; top:15px; text-align:right; vertical-align:top; font-size:small; color:1a1a1a;}


#product{ margin=:0px;  background-color:#FFFFFF; border:0px; float:left; } 
.zoom { margin-right:10px;}
#description{  float:right; vertical-align:text-top;  }



a.email:link { color:#000066; text-decoration:none;}
a.email:visited { color:#000066; text-decoration:none;}
a.email:hover { color:#000099; text-decoration:underline;}
a.email:active { color:#000099; text-decoration:none;}


 a { color:#000066; text-decoration:none; }

a:link { color:#1000066; text-decoration:none; }

a:visited {  color:#000066; text-decoration:none; }

a:active { color:#000099; text-decoration:none;}

a:hover { color:#000099; text-decoration:underline; }



h1 {  font-family:Georgia, "Times New Roman", Times, serif;  font-size:20px; line-height:38px; font-weight:normal; color:#51a44d; text-align:center;  vertical-align:text-bottom;}

.fade { font-size:smaller; color:666666;}
.emphasise {   font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;   color:#51a44d;   }
.pagetitle {   font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;   color:#fa9a05; text-align:center; padding-top:10px; margin-top:10px; vertical-align:text-bottom;  }

h2 {  font-size:medium; font-weight:bold; color:#666666; vertical-align:top; margin: 5px 5px 5px 5px; }


.phone{ font-size:14px; font-weight:bold; color:#666666; }
	/* #phone{	clear:both;position:relative; float:right; height:13px; line-height:16px; right:20px; top:10px; text-align:right; vertical-align:top; font-size:small; color:1a1a1a;}*/

 
#leftcol{background-color: #FFFFFF;   width:100%; height:auto; }

#poster {  width:922px; height:638px; margin-right:auto; background-image: url(../images/SlurpnFreshPoster922.jpg); background-repeat:no-repeat; }

#pic_breath { padding-top:200px; }
/*
#productimg { float:left; width:338px;} 

#producttext { float:right; width:571px;}*/


 
.indent {padding-left:324px; padding-right:305px;}
 

 hr {border: none 0; width:865px; padding:4px;
border-top: 1px dashed #fa9a05;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 
 .image{ padding:14px; border:1px solid; border-color:#65b34d; text-align:center; margin-bottom:0px; margin-left:21px; margin-right:20px; margin-top:16px; }

.centerimage {  padding-left:200px; padding-right:200px;}

img.left { margin-left: 1px; margin-bottom: 5px; margin-right: 10px; margin-top:10px; float:left; border:0px; }
img.right { margin-left: 10px; margin-bottom: 5px; margin-right: 10px; margin-top:10px; border:1px solid; border-color:#FF6600; float:right;  }
.map { margin-left: 10px; margin-bottom: 10px; margin-right: 10px; margin-top:10px; border:1px solid; border-color:#65b34d; float:right; padding:10px;  }

.line { padding-bottom: 5px; padding-right:0px; padding-left:0px; padding-top:5px; margin-right:0px; margin-left:0px; }

p {padding-left: 10px; padding-bottom: 0px; padding-right: 10px; padding-top:0px; vertical-align:text-top;  }

.small { font-size:smaller; } 
.recomended { color:#666666; }

.bold { color:#666666;}

.sitemap {padding-left:10px;}

#lefttext{background-color: #FFFFFF; position:relative; float: left;   width:450px;
 }
 

 
 #lefttexthouse{background-color: #FFFFFF; position:relative; float: left;   width:510px;
 }
 
  
 #lefttexthouse_sm{background-color: #FFFFFF; position:relative; float: left;   width:420px;
 }
 
#rightimage{background-color: #FFFFFF; position:relative; float: right;   width:180px;
 }
 
#footer{ text-align:center; vertical-align:bottom;  background-color:#ffffff; color:171717; font-size:small; padding:10px;
 } 
 #copyright{  text-align:right; width: 100%;  height:18px;  font-size:smaller; background-color:#86D381;  color:#333333;  padding-bottom:2px;  padding-top:5px; clear:both;  } 


.design { text-align:right; font-size:x-small; background-color:#86D381;  color:#333333; padding-right:10px; } 
 
 
 img.logo {margin:0px; border:0px; }
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}







	
	
#product{ margin:0px; position:relative; background:#FFF; border:0px; float:left; padding:10px; z-index:1;}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: relative;
	top: -1px;
	width: 1px;
	z-index:3;
}

#pic2 a .large2 {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: relative;
	top: -1px;
	width: 1px;
	z-index:3;
}


#pic3 a .large3 {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: relative;
	top: -1px;
	width: 1px;
	z-index:3;
}

#pic a img {
	border: 0;
}

#pic2 a img {
	border: 0;
}

#pic3 a img {
	border: 0;
}


#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 0;
	z-index:-1;
	height: 250px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 150px;
}

#pic a.p12, #pic a.p12:visited {
	background: #FFFFFF;
	border: 0;
	z-index:-1;
	height: 250px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 320px;
}


#pic a.p13, #pic a.p13:visited {
	background: #FFFFFF;
	border: 0;
	z-index:-1;
	height: 250px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 250px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
	
}

#pic2 a.p12:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
	
}
#pic3 a.p13:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
	
}


#pic a.p1:hover .large {
	border: 0;
	display: block;
	height: 400px;
	left: 202px;
	position: absolute;
	top: -70px;
	width: 400px;
	z-index:3;
}

#pic2 a.p12:hover .large2 {
	border: 0;
	display: block;
	height: 400px;
	left: 320px;
	position: absolute;
	top: -70px;
	width: 515px;
	z-index:3;
}

#pic3 a.p13:hover .large3 {
	border: 0;
	display: block;
	height: 400px;
	left: 285px;
	position: absolute;
	top: -70px;
	width: 515px;
	z-index:3;
}


#top {
	margin-left: 80px;
}





a.screen, a.screen:visited { color:#FFFFFF; position:relative; z-index:1; }
a.screen b { position:absolute;
visibility:hidden; /* hide the image */
width:270px; /* give it a width */
height:550px; /* no height to solve an Opera bug that  makes it selectable when hidden */
/*border:1px solid #000; border-style:dotted; *//* add a border */
left:0; /* position:the image */
top:-310px;

}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 

}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:560px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:400; 
}
a.screen:hover b img {
border:0px; /* remove the link border */
}








/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/* CSS Document */