#container {
	width: 960px;
	margin: 0 auto;
	background-image: url(/images/stp/uk/toparea_bkg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 160px;
}

#content {
	clear:both;
	float:left;
	width: 920px;
	background-color: #e5e5e5;
	padding: 20px;
	min-height: 500px;
}

/*****************
	search box
******************/

div.searchboxwrapright {
	clear:both;
	width: 950px;
	background-image: url(/images/stp/nav/search-right-corner.png);
	background-repeat: no-repeat;
	background-position: top right;
	height: 21px;
	padding-right: 10px;
	margin-bottom: 96px;
}

div.searchboxwrapleft {
	float:right;
	background-image: url(/images/stp/nav/search-left-corner.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 21px;
	width: 9px;
}

div.searchboxwrap {
	float:right;
	height: 21px;
	background-color: #e5e5e5;
	color: #333;
}

/*******************
	grey boxes...
*****************/


div.greybox130 {
	width: 130px;
	float:left;
	margin-right: 20px;
	padding-top: 8px;
	background-image: url(/images/stp/metal-rule-130px.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
}

div.greybox130 img {
	float: left;
}

div.greybox130bottom {
	clear: both;
	height: 8px;
	width: 130px;
	background-image: url(/images/stp/metal-rule-130px.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

div.greybox146 {
	width: 146px;
	float:left;
	margin-right: 20px;
	padding-top: 8px;
	background-image: url(/images/stp/metal-rule-146px.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
}


div.greybox146bottom {
	height: 8px;
	width: 146px;
	background-image: url(/images/stp/metal-rule-146px.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

div.greybox200 {
	width: 200px;
	float:left;
	margin-right: 20px;
	padding-top: 8px;
	background-image: url(/images/stp/metal-rule-200px.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
}

div.greybox200bottom {
	height: 8px;
	width: 200px;
	background-image: url(/images/stp/metal-rule-200px.gif);
	background-repeat: no-repeat;
	background-position: top left;
}


div.greybox215 {
	width: 215px;
	float:left;
	margin-right: 20px;
	padding-top: 8px;
	background-image: url(/images/stp/metal-rule-215px.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
}

div.greybox215bottom {
	height: 8px;
	width: 215px;
	background-image: url(/images/stp/metal-rule-215px.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

div.greybox280 {
	width: 280px;
	float:left;
	margin-right: 20px;
	padding-top: 8px;
	background-image: url(/images/stp/metal-rule-280px.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
}

div.greybox280bottom {
	height: 8px;
	width: 280px;
	background-image: url(/images/stp/metal-rule-280px.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

div.greybox685 {
	width: 685px;
	float:left;
	padding-top: 8px;
	background-image: url(/images/stp/metal-rule-685px.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
}

div.greybox685bottom {
	height: 8px;
	width: 685px;
	background-image: url(/images/stp/metal-rule-685px.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
	

/******************
	navigation
*******************/


div.navwrap {
	clear:both;
	width: 950px;
	height: 23px;	
	background-image: url(/images/stp/nav/nav-right-corner.gif);
	background-repeat: no-repeat;
	background-position: top right;	
	padding-right: 10px;	
}

div.navwrapleft {	
	background-image: url(/images/stp/nav/nav-left-corner.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 23px;
	width: 10px;
	float:right;
}


div#footer {
	clear: both;
	float: left;
	width: 960px;
	text-align: center;
	padding-top: 15px;
}

div.stp_sidemenu {
	clear:both;
	float: left;
	width: 192px;
	margin-right: 25px;
}

/********************
	paging
********************/

div.stp_pager {
	float:right;
}


/******************
	home page
*******************/

div.small_feature_homepage {
	clear:both;
	background-color: #fff;
	padding: 15px 10px;
	height: 110px;
	overflow: hidden;
	width: 195px;
}

div.small_feature_homepage_text {
	height: 80px;
	padding-bottom: 10px;
	overflow: hidden;
}

div.main_feature_textbox {
	float:right;
	padding: 30px 10px;
	width: 180px;
	height: 180px;
	background-color: #fff;
}

div.main_feature_text {
	width: 180px;
	height: 150px;
	margin-bottom: 10px;
	overflow: hidden;
}

div.homepage_producttypefeatures  {
	width: 215px;
	clear: both;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	overflow: hidden;
}

div.featured_product_type {
	width: 215px;
	margin-right: 20px;
	float: left;
}

div.featured_product_type_inner {
	background-color: #fff;
	width: 195px;
	padding: 10px 10px 15px;
}

div.homepage_latestnews {
	float: left;
	width: 685px;
	margin-top: 20px;
}

div.homepage_latestnews_item {
	float: left;
	width: 215px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}

div.stp_featured_product {
	height: 77px;
	overflow: hidden;
}

div.stp_featured_product img {
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}

div.stp_featured_product table {
	width: 150px;
	float: right;
}

div.stp_featured_product table td {
	width: 150px;
	height: 72px;
	text-align: left;
}

/*******************
	products index
********************/

div.stp_products_side_col {
	clear: both;
	float: left;
	width: 235px;
}

div.stp_products_main_col {
	float: left;
	width: 685px;
}

div.products_sidemenu {
	width: 215px;
	padding-bottom: 20px;
}
div.stp_products_type {
	clear: both;
	width: 664px;
}

div.stp_product_inner {
	height: 105px;
	overflow: hidden;
}

div.stp_product_inner img {
	float: left;
	margin-top: 21px;
	margin-left: 6px;
}

div.stp_product_inner table {
	width: 90px;
	float: right;
	margin-right: 4px;
}

div.stp_product_inner table td {
	width: 90px;
	height: 105px;
	text-align: left;
}

/********************
	product detail
*********************/

div.product_content {
	width: 455px;
	float: left;
	margin-right: 20px;
}

div.related_advice {
	width: 220px;
	float: left;	
}

div.related_products {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 15px;
}


/********************
	news index
*********************/

div.news_archive {
	float: left;
	width: 699px;
	padding-top: 7px;
}

div.index_article_item {
	width: 699px;
	float:left;
	padding-bottom: 15px;
	border-bottom: solid 1px #999;
	margin-bottom: 15px;
}

div.index_article_item_text {
	float:left;
	width: 549px;
}


/*******************
	news detail
********************/

div.news_detail_image_col {
	clear:both;
	float:left;
	width:280px;
	margin-right: 30px;
	margin-bottom: 20px;
}

div.news_details_text {
	float:left;
	width: 610px;
	margin-top: 4px;
	margin-bottom: 20px;
}

div.news_related_media {
	clear:both;
	float:right;
	width: 610px;
}

div.news_related_media_item {
	float: left;
	width: 130px;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 20px;
}

/**********************
	basic page
***********************/

div.basic_page_text {
	margin-top: 6px;
	margin-left: 217px;
}

div.basic_page_image {
	float: right;
	margin: 0 0 0 20px;
	width: 280px;
}


/****************
	error page
****************/

div.site_error {
	width: 940px;
	text-align: center;
	height: 400px;
	padding-top: 100px;
}