@charset "utf-8";
/* CSS Document */

body {
	font-size:ssmall;
	background-color:#fff;
	font-family: Helvetica, Arial, sans-serif;
	}
h1 {
	font-size:150%;
	}	
h2 {
	font-size:130%;
	}
h3 {
	font-size:120%;
	}
h4 {
	font-size:110%;
	}
#panel_main p {
	font-size: 100%;
	margin-bottom: 2%;
	font-weight: normal;
}

#bodyContainer {
	width:1010px;
	background-color:#faf8db;
	margin:10px auto;
	border:1px solid;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-color: #754c24;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	/*	box-shadow: 2px 2px 4px #999;
	-moz-box-shadow: 2px 2px 4px #999;
	-webkit-box-shadow: 2px 2px 4px #999;*/
    z-index: 11;
	box-shadow: 0px 0px 20px black;
	-moz-box-shadow: 0px 0px 20px black;
	}	
	
#header {
	padding-bottom: 180px;
	background: url(../img/heading.png) no-repeat left 8px;
}

* html #header {
	padding-bottom: 180px;
	background: url(../img/heading1.gif) no-repeat left 8px;
}

#address {
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding:3px;
	margin: 4px 0;
	color:#754c24;
	font-style:italic;
}


#columnwrap {
	float: left;
	width: 100%;
}

#panel_left {
	float: left;
	width: 25%;
	padding: 6px;
}
#panel_left li {
	list-style-position: inside;
	list-style-type: disc;
	margin-left: 40px;
	line-height:150%;
}
#panel_left .show {
	width: 256px;
}


#panel_main {
	float: right;
	width: 72%;
	padding: 6px;
}
* html #panel_main {
	width: 72%;
	padding: 3px;
}

#productwrap {
	width: 100%;
}
#productwrap .colright {
	float: right;
	width: 46%;

}
#productwrap .column-text {
	width: 230px;
	margin:10px auto;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #754c24;
}

	
#productwrap .colleft {
	float: left;
	width: 46%;


}
#productwrap .colright img,  #productwrap .colleft img {
	border:solid 1px #754c24;
	border-right: solid 2px #754c24;
	border-bottom: solid 2px #754c24;
	padding: 2%;	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	}
#productwrap .colright a:hover img, .centre a:hover img	{
    z-index: 11;
	box-shadow: 0px 0px 20px black;
	-moz-box-shadow: 0px 0px 20px black;
	}	

#displaywindow, #gelatobar {
	width: 453px;
	margin-bottom: 12px;
	float: right;
}
#windowwrap, #gelatowrap {
	width: 720px;
	float: left;
}
#windowwrap img {
}


#footer {
	font-size:x-small;
	text-align: center;
	clear: both;
	width: 100%;
	padding-bottom: 36px;
}
.centre {
	text-align: center;
}
.clear {
	clear: both;
}

	
.box-ad {
	font-size:12px;
	text-align: center;
	line-height:110%;
	padding: 3%;
	margin: 4% auto;
	width: 134px;
	border: solid 1px;
	border-bottom: solid 2px;
	border-right: solid 2px;
	border-radius: 8px;
	color:#333;
	background-color: #ffffcc;
	border-color:#754c24;	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.6);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
/*	transition-property: background-color;
	transition-duration: 4s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 4s;
	-o-transition-property: background-color;
	-o-transition-duration: 4s;*/
}
.box-ad .red{	
	color:red; 
	font-weight:bold;
	}

* html .box-ad {
		margin: 1% auto; /* Hack for HSIE 6*/
		}

.box-ad a{
	text-decoration:none;
	line-eight:120%;
	font-weight: bold;
	color:#ff0000;	
	}
	
.box-ad li {
	list-style-type: none;
	margin-left: -10px;
}
.box-ad:hover {
	background-color: #fff;
	border-color: #693100;
}
.box-ad:hover a{color:#0000ff;
	}
.box-ad a:hover{
	color:#ccc;
	}

.group:after{ /* clears all floats */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
* html .group{ /* clears all floats for IE/win 6 */
	height:1%;
	}	
*:first-child+html .group { /* clears all floats for IE/win 7 */
	min-height: 1px;
	}
#gelatowrap p {
	text-align: center;
	padding: 8px 8px 0 8px;
	width: 240px;
}