@import url("common.css");

#contentS{
	background: none;
}

#content{
	background: url(../images/jpg/body-bg-cup.jpg) no-repeat top left;
	min-height: 665px;
}

#bottomgray{
	background: url(../images/jpg/bottom-bg-slice.jpg) repeat-x top left;
}

#bottomgraycontent
{
	background: url(../images/jpg/body-bg-gray.jpg) no-repeat top left;
	height: 178px;
	float: left;
}

#mainImage{
	float: left;
	background: url(../images/jpg/square-shadow-left.jpg) repeat-y top left;
}

#top{
	background: url(../images/jpg/square-shadow-top-repeat.jpg) repeat-x top left;
	height: 11px;
	width: 100%;
	float: left;
}

#left{
	background: url(../images/jpg/square-shadow-top-left.jpg) no-repeat top left;
	float: left;
	width: 15px;
}

#right{
	background: url(../images/jpg/square-shadow-top-right.jpg) no-repeat top left;
	float: right;
	width: 54px;
}

.cornertop{
	height: 11px;
	overflow: hidden;
}

#imagecontainer{
	float: left;
	background: url(../images/jpg/square-shadow-right.jpg) repeat-y top right;
	padding: 0 15px 0 9px;
}

.cornerbottom{
	height: 13px;
	overflow: hidden;
}

#bottom{
	background: url(../images/jpg/square-shadow-bottom-repeat.jpg) repeat-x top left;
	height: 13px;
	width: 100%;
	float: left;
}

#leftbottom{
	background: url(../images/jpg/square-shadow-bottom-left.jpg) no-repeat top left;
	float: left;
	width: 14px;
}

#rightbottom{
	background: url(../images/jpg/square-shadow-bottom-right.jpg) no-repeat top left;
	float: right;
	width: 14px;
}

#images{
	width: 132px;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#images li{
	width: 100%;
	padding: 0;
	float: left;
	margin: 0;
	background: url(../images/jpg/thumb-shadow-repeat.jpg) repeat-y top left;
	overflow: hidden;
}

#images li .shadowtop, .shadowbottom
{
	height: 11px;
	float: left;
	overflow: hidden;
	width: 100%;
}

.shadowtop{
	background: url(../images/jpg/thumb-shadow-top.jpg) no-repeat top left;
}

.shadowbottom{
	background: url(../images/jpg/thumb-shadow-bottom.jpg) no-repeat top left;
}

#images li .thumbcontainer{
	padding: 2px 16px 2px 10px;
	float: left;
	text-align: center;
	width: 106px;
	overflow: hidden;
}

#images li a{
	float: left;
}

#images li img{
	border: none;
	margin: 0 auto 0 auto;
	width: 106px;
	float: left;
}

.enquiry{
	width: 120px;
	float: right;
	margin: 0;
	padding: 10px 6px 10px 6px;
	text-align: center;
}

.enquiry a{
	color: #333333;
	width: 110px;
	float: left;
	background: url(../images/jpg/enquire-button.jpg) no-repeat top left;
	height: 42px;
	padding: 5px 5px 0 5px;
	text-decoration: none;
	font-size: 14px;
}

#backparag{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 24px;
}

#backparag a{
	text-decoration: none;
	float:left;
	color: #000000;
	font-size: 18px;
	line-height: 24px;
}

#backparag a img{
	border: none;
}