/* CSS Document */

* {
	padding : 0;
	margin : 0;
  }

body {
	background-image:url(template/mainbackground.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#B09877;
}
#container{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	position: relative;

}
#headerbar{
	height: 103px;
	position: relative;
	top:0px;
	z-index:2;
}
#photomenuholder {
	position:relative;
	height: 399px;
	z-index:1;
	top: -10px;
}
#photoholder {
	position:relative;
	height: 399px;
	z-index:1;
	background-image:url(template/photoholder.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:-63px;
}
#spacer {
	height:63px;
}

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		top:-22px;
	}
	
	.leftcolumn {
		float:left;
        width: 590px;
        position:relative;
		margin-left:15px;
		padding-bottom:20px;
	}
	.rightcolumn {
		float:right;
        width:350px;
        position:relative;
	
	}
	
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		font-family: Arial;
		font-size: 11px;
		color: #ffffff;
		margin-left:15px;		
    }
	#footer A{
		font-family: Arial;
		font-size: 11px;
		color: #ffffff;
		text-decoration:none;		
    }
	#footer A:visited{
		font-family: Arial;
		font-size: 11px;
		color: #ffffff;
		text-decoration:none;		
    }
	#footer A:hover{
		font-family: Arial;
		font-size: 11px;
		color: #ffffff;
		text-decoration:none;		
    }
	
	
	#menubar {
		height:63px;
		width:100%;
		position:relative;
		top: -63px;
		z-index:105;
		background-image:url(template/menubackground.png);
		background-position:top left;
		background-repeat: repeat-y;
	}
	div {
		font-family: Arial;
		font-weight:normal;
		font-size: 12px;
		line-height:18px;
		color: #442C20;
	}
	p {
		font-family: Arial;
		font-weight:normal;
		font-size: 12px;
		line-height:18px;
		color: #442C20;
	}
	td {
		font-family: Arial;
		font-weight:normal;
		font-size: 12px;
		line-height:18px;
		color: #442C20;
	}
	h1 {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 28px;
		font-weight: normal;
		color: #FFFFFF;
		padding-bottom:15px;	
	}
	h2 {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 15px;
		font-weight: normal;
		color: #FFFFFF;	
		height:93px;
		margin-bottom:37px;
		display:block;
		overflow:hidden;
	}
	h3 {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 16px;
		font-weight: bold;
		color: #442C20;
		margin-bottom:10px;	
	}
	h4 {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 14px;
		font-weight: bold;
		color: #442C20;
		margin-bottom:10px;	
	}
	
	hr {
		color: #39211D;
		height:1px;
		border:0px;
		padding:0px;
		border-top:1px dotted #39211D;
		width:100%;
	}
	a {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 12px;
		font-weight: bold;
		color: #442C20;
		text-decoration:none;	
	}	
	a:visited {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 12px;
		font-weight: bold;
		color: #442C20;
		text-decoration:none;	
	}	
	a:hover {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration:none;	
	}	

	ul {
		list-style-type : square;
		padding-left: 30px;
	}
	li a {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 12px;
		font-weight: bold;
		color: #442C20;
		text-decoration:none;
		border:0px;
	}
	img {
		border:0px;
		padding:0px;
		text-decoration:none;
	}
	img a {
		text-decoration:none;
		border:0px;
		padding:0px;
	}

	.producttitle {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 14px;
		font-weight: bold;
		color: #442C20;
	}

.prodimg {border: 1px solid #C1C1C1;}
.shoppingbasket
{
	font-family: "Century Gothic", "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #B09877;

}
A.shoppingbasket, A.shoppingbasket:visited, A.shoppingbasket:hover
{
	font-family: "Century Gothic", "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #B09877;
	text-decoration:none;

}
.fieldlabel {
	width:250px;
}
input {
	padding:2px;
	color:#442C20;
	border:1px solid #442C20;
}
select {
	padding:2px;
	color:#442C20;
	border:1px solid #442C20;
}
textarea {
	padding:2px;
	color:#442C20;
	border:1px solid #442C20;
}

.righthandside {
	font-family: "Century Gothic", "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
a.righthandside  {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration:none;	
	}	
a.righthandside:visited {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration:none;	
	}	
a.righthandside:hover {
		font-family: "Century Gothic", "Trebuchet MS", Arial;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration:none;	
}
.righthandtestimonial {
	font-family: "Century Gothic", "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
	line-height:16px;


}
.preload1 {background: url(/template/mainmenu_on.jpg);}

#nav {padding:0; margin:0; list-style:none; height:63px; width:980px; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; }
#nav li a.top_link {display:block; float:left; height:63px; line-height:61px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0; cursor:pointer; vertical-align: middle;  border:0px; border-right: 1px solid #9D7865; }
#nav li a.top_link span {float:left; display:block; padding:0 10px 0 10px; height:63px; vertical-align: middle;  text-decoration:none;}
#nav li a.top_link img {border: 0px; align: left; vertical-align: middle;}

#nav li a.top_linkon {display:block; float:left; height:63px; line-height:61px; color:#39211D; background-color: #C09874; text-decoration:none; font-size:12px; font-weight:bold; padding:0; cursor:pointer; vertical-align: middle; border-right: 1px solid #9D7865;}#nav li a.top_linkon span {float:left; display:block; padding:0 10px 0 10px; height:63px; vertical-align: middle; text-decoration:none;}
#nav li a.top_linkon img {border: 0px; align: left; vertical-align: middle;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#39211D; background-color: #C09874; text-decoration:none;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background-color: #C09874; text-decoration:none; }


#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {left:0px; top:63px; background: #C09874; white-space:nowrap; width:165px; height:auto; z-index:300;}
#nav :hover ul.sub li {display:block; height:24px; position:relative; float:left; width:165px; font-weight:bold; vertical-align:middle; border-bottom:1px solid #9D7865;}
#nav :hover ul.sub li a {display:block; font-size:12px; height:24px; width:165px; line-height:22px; text-indent:5px; color:#39211D; text-decoration:none; vertical-align:middle;  border:0px;}
#nav :hover ul.sub li img {border: 0px; padding-left: 12px; align: left; vertical-align: middle;}
#nav :hover ul.sub li a:hover {background:#39211D; color:#C09874; border-color:#fff;  border:0px;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #9D7865; cursor:default;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


#nav li:hover li:hover > ul
{left:165px; top:5px; background: #C09874; padding:0px; white-space:nowrap; width:165px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#0085EA color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#0085EA color:#000; border-color:#50b5d0;}


#nav2 {padding:0; margin:0; list-style:none; width: 224px;  position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav2 li.top {display:block; float:left;}
#nav2 li a.top_link {display:block; width:224px; float:left; height:28px; line-height:28px; color:#000000; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 1px 0; cursor:pointer; vertical-align: middle; background: url(/template/shopmenu_off.jpg) repeat-x;  border:0px; }
#nav2 li a.top_link span {float:left; display:block; padding:0 0 0 0; height:28px; vertical-align: middle; margin-left:10px;}
#nav2 li a.top_link img {border: 0px; align: left; vertical-align: middle;}

#nav2 li a.top_linkon {display:block; width:224px; float:left; height:28px; line-height:26px; color:#FFFFFF; background: url(/template/shopmenu_on.jpg) repeat-x; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 1px 0; cursor:pointer; vertical-align: middle;  border:0px;}
#nav2 li a.top_linkon span {float:left; display:block; padding:0 0 0 0; height:28px; vertical-align: middle; margin-left:10px;}
#nav2 li a.top_linkon img {border: 0px; align: left; vertical-align: middle;}

#nav2 li:hover a.top_link,
#nav2 a.top_link:hover
{color:#FFFFFF; background: url(/template/shopmenu_on.jpg) repeat-x;}
#nav2 li:hover a.top_link span, 
#nav2 a.top_link:hover span
{background:url(/template/shopmenu_on.jpg) repeat-x;}


#nav2 table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav2 li:hover {position:relative; z-index:200; background: url(/template/shopmenu_on.jpg) repeat-x; border:0;}
#nav2 a:hover {position:relative; white-space:normal; z-index:200; border:0; background: url(/template/shopmenu_on.jpg) repeat-x; border:0;}

#nav2 :hover ul.sub {left:225px; top:0px; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav2 :hover ul.sub li {display:block; height:28px; position:relative; float:left; width:200px; font-weight:bold; vertical-align:middle; border-bottom:1px solid #FFFFFF; background: url(/template/shopmenu_off.jpg) repeat-x; border:0px;}
#nav2 :hover ul.sub li a {display:block; font-size:12px; height:28px; width:200px; line-height:26px; text-indent:5px; color:#000000; text-decoration:none; vertical-align:middle; border:0;}
#nav2 :hover ul.sub li img {border: 0px; padding-left: 12px; align: left; vertical-align: middle; border:0;}
#nav2 :hover ul.sub li a:hover {color:#FFFFFF; border-color:#fff; background: url(/template/shopmenu_on.jpg) repeat-x; border:0;}

#nav2 li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav2 ul, 
#nav2 a:hover ul ul,
#nav2 a:hover a:hover ul ul,
#nav2 a:hover a:hover a:hover ul ul,
#nav2 a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; background: url(/template/shopmenu_on.jpg) repeat-x;}


a