@import "TinyMCE.css";
@import "SubNavigation.css";
@import "buttons.css";
@import "forms.css";

html{}
body
{
  margin: 0px;
  padding: 0px;
  width: 100%;
  text-align: center; 
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-size: 8pt; 
  background-color: #eeede5;
  color: gray;
}
p
{
  margin-bottom: 5px;  
}
table.productDetails p
{
  margin-bottom: 5px;
}
table.productDetails br
{
  line-height: 5px;
}
body p.redBandHeading,
h1
{
	font-size: 14pt;
	margin: 0px;
	height: 25px;
	width: 100%;
	padding-left:0px;
	padding-right:0px;
	padding-top: 2px;
	padding-bottom: 0px;
	text-indent: 0px;
	background-color:#E31C28;
	color:#FFFFFF;
	display:block;
	font-weight:bold;	
}
body p.redHeading,
h2
{
  margin: 0px;
  color: #E31C28;
  font-size: 14pt;
  text-indent: 0px;
  font-weight: bold;
}
body p.boldHeading,
h3
{
	font-weight: bold;
  font-size: 10pt;
  margin: 0px;
  color: #000000;
  text-indent: 0px;
}
h4{}
h5{}
h6{}
.headerNav,
#leftNav
{
	font-size:10px;
	 font-family: Verdana, Helvetica, Sans-Serif;
	 width: 620px;
}
a:link
{
	color: Black;
}
a:hover
{
	color:#E31C28;
	}
a:visited
{
	color: Black;
}
a:active{}
img
{
  border: 0px none;
  margin: 0px;
  padding: 0px;
}
table, tr, td
{
  border: 0px none;
  margin: 0px 0px 0px -2px;
  padding: 0px;
  vertical-align: top;
  border: 0px none;
}
td
{
	padding-bottom: 20px;
	padding-right: 20px;
}
.clear
{
  clear: both;
  width: 100%;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  border: 0px none;
  margin: 0px;
  padding: 0px;
}
.error
{
  color: #ff0000;
}
.noborder
{
  border: 0px none;
}
.footerAdvert .redbuttonHolder
{
  display:inline;
  display: block;
  text-align: right;
  position: absolute;
  bottom: 52px;
  right: 300px;
  width: 100px;
}
.footerFeature .redbuttonHolder
{
  display: block;
  text-align: right;
  position: absolute;
  bottom: 52px;
  right: 658px;
  width: 100px;
  
}
.redbuttonHolder
{
  display:inline;
  display: block;
  *padding: 3px 5px;
  _padding:0px;
  text-align: right;
  position: absolute;
  bottom: 9px;
  right: 0px;
}
.redbuttons
{
  display:block;
}
.signupImage a.redbuttons:link, .signupImage a.redbuttons:visited
{
	display: block;
}
.PageTitle
{
    background-color: Black;
    border-left: solid 15px #E31C28;
    padding: 7px 0px 23px 16px;
    width: 771px;
    font-size: 32px;
    margin-bottom: 10px;
}
body p.flooringTitle
{
	padding-top: 5px;
	padding-bottom: 2px;
	height: 20px;
	width: 100%;
	padding-left:0px;
	padding-right:0px;
	text-indent: 10px;
	margin-top:0px;
}
body p.bodyText
{
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-size: 8pt; 
  color: gray;
}
.cmsContent
{
	padding-bottom: 0px;
}
.cmsContent p
{
  padding-right:10px;
  margin-top: 0px;
  margin-bottom: 5px;
}

/****** Page Template  ******/
#cmsPageContainer1
{
  width: 974px;
  margin: 0px auto;
  margin-top: 0px;
  text-align: left;
  background-color: #ffffff;
  background-image: url(../images/shadow_left_bg.jpg);
  background-repeat: repeat-y;
  background-position: left top;
}
* html body.homepage #cmsPageContainer1
{
  width: 964px;
}
#cmsPageContainer2
{
  margin-left: 10px;
  _margin-left: 0px;
  _padding-left: 10px; 
  width: 964px;
  background-image: url(../images/shadow_right_bg.jpg);
  background-repeat: repeat-y;
  background-position: right top;
}
* html body.homepage #cmsPageContainer2
{
  width: auto;
}
#cmsMiddleBlock
{
	margin-bottom: 4px;
}
.bottomBorder
{
  width: 974px;
  height: 15px;
  background-image: url(../images/bottom_border_bg.jpg);
  background-repeat: no-repeat;
}
/******  Navigation ******/
.dotSeperator
{
	font-weight: bold;
	padding-left: 0px;
	padding-right: -2px;
}
#header .dotSeperator
{
	color: Black;
	font-size: 20px;
	vertical-align: -3px;
}
#footer .dotSeperator
{
	font-size: 17px;
	vertical-align: -2px;
}
/******  HEADER  ******/
#header
{
  width: 953px;
  height: 135px;
  background-color:#E31C28;
  border-top: solid 4px white;
}
#headerInner
{
  position: relative;
}
.logo
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 347px;
  height: 110px;
  padding-left: 0px;
  background-color: #ffffff;
}
.headerContent
{
  background-repeat: repeat-x;
  float: right;
  width: 606px;
  height: 110px;
  background:white;
}
.SubNavList,
.NavigationDropDown
{
	z-index: 10;
	position: absolute;
}
.headerNav
{
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 10;
  width:600px;
}

.NavigationDropDown
{
	border: none;
}
.headerNavInner
{
  height:60px;
  width:100%;
  overflow:hidden;
}
.headerNavInner ul
{
  display: inline;
  z-index: 10;
  font-size: 10px;
  font-weight: bold;
  padding:0px 0px 0px 19px;
  *margin-left:0px;
}
.headerNavInner li
{
  display: inline;
  list-style: none;
  z-index: 10;
}
.headerNavInner li a
{
  text-decoration: none;
  color:#000000;
  cursor: pointer;
  font-size: 12px;
}
.headerNavInner li a:hover
{
  color:#E31C28;
}
.tagLine
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 310px;
  height: 116px;
}
.headerSearch
{
  position: absolute;
  right: 30px;
  top: 75px;
  width: 301px;
}
.headerSearchInner
{
  position: relative;
}
.searchLabel
{
  position: absolute;
  left: 0px;
  top: 0px;
}
.searchBox
{
  position: absolute;
  left: 106px;
  #left: 96px;
  top: 0px;
}
.searchBtn
{
  position: absolute;
  left: 256px;
  top: 2px;
}
.searchBtn a
{
  display: block;
  width: 74px;
  height: 19px;
  background-image: url(../images/search_btn.jpg);
}
.searchBtn a span
{
  display: none;
}
.userLoggedIn
{
	color: White;
	font-weight: bold;
	float: right;
	margin-top: 120px;
	_margin-top:100px;
	margin-right: 10px;
}
/******  Left Navigation Bar  ******/
#leftNav
{
  width: 138px;
  float: left;
  margin-right: 4px;
}
body.home #leftNav
{
  width: 136px;
}
#leftNavInner
{
  position: relative;
  z-index: 10;
  font-weight: bold;
}
#leftNav .leftnavigation ul
{
  margin: 0px;
  padding: 0px;
}
#leftNav .leftnavigation li
{
  list-style: none;
}
#leftNav .leftnavigation li a
{
  padding: 4px 4px;
  margin-top: 4px;
  display: block;
  width: 130px;
  background-color: #000000;
  text-decoration: none;
  color: #FFFFFF;
  font-weight:bold;
  cursor: pointer; 
}
#leftNav .leftnavigation li a:hover
{
  color: #E31C28;
  font-weight: bold;
  background-color: #FFFFFF;
}
/******  CMS Content  ******/
#cmsContentOuter
{
  margin-top: 4px;
  width: 816px;
  float: left;
}
* html #cmsContentOuter
{
  width: 800px;
  overflow: hidden;
}
.TradeCounterRegister,
.MyAccountDetails,
.TradeCounterLogin,
.cmsContent
{
  background-color: #ffffff;
}
.TradeCounterRegister .cmsContent,
.TradeCounterLogin .cmsContent
{
  margin-bottom: 35px;
}
/******  Right Nav  ******/
#rightnav
{
  float: right;
  margin-right: 11px;
  padding: 0px;
}
* html body.homepage #rightnav
{
  margin-right: 1px;
}
#rightnav .rightnavPanel 
{
	margin-top: 4px;
}
#rightnav .redbuttonHolder
{
	position: relative;
	top: 0px;
	left: 0px;
}
#rightnav a 
{
	display: block;
	width: 295px;
	height: 140px;
}
#rightnav .tradeCounterImage a
{
	display: block;
	width: 294px;
	height: 140px;
	background-image: url(../images/tradecounter.jpg);
  background-repeat: no-repeat;
}
#rightnav .productCatalogueImage a
{
	display: block;
	width: 294px;
	height: 140px;
  background-image: url(../images/tradesrvices.jpg);
  background-repeat: no-repeat;
}

/******  Footer  ******/
#footer
{
  margin-top: 6px;
  margin-left: -10px;
}
body.home #footer
{
  margin-top: 0px;
}
#footerInner
{
  position: relative;
  margin-left: 10px;
  width: 953px;
}
#footer .footerContent
{
  width: 953px;
  margin-bottom: 4px;
  _margin-bottom: 3px;
  *margin-bottom: 3px;
}
#footer .footerContentBottom
{
  background-color: Black;
  color: white;
  font-size: 10px;
  height: 25px;
}
#footer .footerFeature
{
	height: 197px;
	width: 295px;
	float: left;
	margin-left: 4px;
	overflow: hidden;
}
#footer .footerAdvert
{
  height: 197px;
	width: 353px;
	float: left;
	margin-left: 5px;
	overflow: hidden;
}
#footer .footerAdvert a 
{
  display: block;
}
#footer .AdvertRegionControl alt,
#footer .AdvertRegionControl p,
#footer .AdvertRegionControl span
{
	display:none;
}
#footer .signupImage
{
  float:right;
}
#footer .nomargin
{
  margin: 0px;
}
#footer .footerSpacer
{
  width: 953px;
  height: 20px;
  background-color: #E31C28;
  clear: both;
}
#footer .footerLinks
{
  position: absolute;
  right: 3px;
  bottom: 4px;
} 
#footer .copyrightInfo
{
  height: 16px;
  padding: 5px;
  position: relative;
  bottom: -2px;
}
#footer ul
{
  display: inline;
  padding: 0px;
  margin: 0px;
}
#footer li
{
  margin: 0px;
  padding: 0px 2px 0px 2px;
  display: inline;
  list-style: none;
}
#footer li.noborder
{
  border: 0px none;
}
#footer li a
{
  color: White;
  text-decoration: none;
  font-weight: bold;
}
#footer li a:hover, #footer li a:active
{
  color:#E31C28;
}
/***** Home Page  *****/
body.home #cmsContentOuter
{
  width: 517px;
  float: left;
}
body.home .cmsContent
{
  background-color: Transparent;
}
/***** Trade Counter  *****/
.newslettersignup .cmsContent
{
  clear:both;
  margin-bottom: 25px;
}
/***  News Page  ***/
body.news .NewsPage
{
  min-height: 320px;
  _height: 320px;
  background-color: #FFFFFF; 
  padding: 4px;
}
body.news .Date
{
  font-weight: bold;
}
body.news .Title
{
  font-size: 16px;
  font-weight: bold;
}
body.news .Content
{
  padding: 7px 8px;
}
body.news .Title a
{
  text-decoration: none;
  color: #000000;
}
body.news .Title a:hover
{
  text-decoration: underline;
  color: #000000;
}
body.news .Divider
{
  height: 20px;
  border-bottom: 1px solid #B2AF9C;
}
body.news .NewsArticleList .Title
{
  font-size: 12px;
  font-weight: bold;
}
body.news .NewsArticleList .Item, body.news .NewsArticleList .AlternatingItem
{
  padding-top: 20px;
}
/*** SEARCH RESULTS ***/
body.search #searchResults
{
  padding: 0px 10px 10px 10px;
}
body.search .resultItem
{
  padding: 10px 0px;
}
.resultItem .title
{
  padding: 3px 0px;
}
body.search .resultItem a
{
  text-decoration: none;
  color: #002E3B;
}
body.search .resultItem a:hover
{
  text-decoration: underline;
}
/* features */
.FeatureContent
{
	margin: 10px;
}
.FeatureImage
{
	width: 295px;
	height: 197px;
	overflow:hidden;
	margin-right: 30px;
	margin-bottom:20px;
	float:left;
}

/* advertlist */
.AdvertsListGrid, .FeaturesListGrid
{
	margin:10px;
}
.AdvertsListGrid .AdvertImage, .FeaturesListGrid .FeatureImage
{
	width: 353px;
	height: 197px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 1px;
	overflow:hidden;
}
.AdvertsListGrid .AdvertText, .FeaturesListGrid .FeatureText
{
	width: auto;
	margin-top: 3px;
	margin-bottom: 3px;
}
/** TRADE COUNTER  **/
.TradeAccountLogin .ErrorText
{
	color:#E31C28;
}
.ErrorPanel
{
  margin-left: 220px;
  margin-bottom:10px;
  _height:20px;
}
.TradeAccountOptions
{
	background-color:#cbcbcb;
	margin-top: 4px;
	width: 128px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold;
	border: solid 1px grey;
}
.TradeAccountOptions .LogOut
{
	color: #E31C28;
	margin-left: 80px;
}
.TradeAccountOptions .LoggedInAs
{
	color: #E31C28;
}
.TradeAccountOptions a
{
	text-decoration: none;
	color: Black;
}
.TradeAccountOptions a:hover
{
	text-decoration: underline;
	color: Black;
}
body.tradecounterregister_aspx .Error
{
  *margin-bottom: 15px;
  _margin-bottom: 15px;
}
.AdvertsListGrid td, .FeaturesListGrid td
{
  padding-right:5px;
  border-bottom: solid 1px #000000 !important;
  _padding: 0px 0px 0px 0px;
}
.AdvertText table td,
.AdvertText table tr
{
  border-bottom: none ! important;
}
.AdvertsListGrid tr, .FeaturesListGrid tr
{
  border-bottom: solid 1px #000000 !important;
}
.FeaturesListGrid td td, .FeaturesListGrid td tr
{
  border-bottom: 0px none ! important;
}
.FeaturesListGrid td td
{
  padding: 5px ! important;
}
.AdvertsListGrid, .FeaturesListGrid
{
  *border-collapse: collapse !important;
}

.formElements .BusinessArea .titleField, .formElements .PreferredAreas .titleField
{
	font-weight: bold;
	margin-left: 0px;
}
.formElements .BusinessArea
{
	margin-left: 100px;
	float: left;
	width: 200px;
	padding-bottom: 20px;
}
.formElements .PreferredAreas
{
	float: left;
	width: 200px;
}
.formElements .BusinessArea td, .formElements .PreferredAreas td
{
	padding-bottom: 0px;
}
body.myaccountdetails_aspx .formElements .actionButton a
{
	display: block;
	background-image: url(../images/btn_save.jpg);
	width: 80px;
	height: 21px;
}
body.myaccountdetails_aspx .formElements .actionButton span
{
	display: none;
}
body.myaccountdetails_aspx  .TradeDetailsSection
{
	margin-top: 30px;
}
body.myaccountdetails_aspx  .TradeDetailsSection .titleField
{
	font-weight: bold;
}
body.myaccountdetails_aspx td
{
	padding: 0px;
}
body.myaccountdetails_aspx #cmsContentOuter input
{
	width: 250px;
}
body.myaccountdetails_aspx #cmsContentOuter .cmsContent
{
	width: 810px;	
}
body.myaccountdetails_aspx #cmsContentOuter .ProjectTypes input,
body.myaccountdetails_aspx #cmsContentOuter .PreferredAreas input 
{
	width: 15px;
}
body.myaccountdetails_aspx .area
{
	float: left;
	width: 250px;
}
body.myaccountdetails_aspx #cmsContentOuter .area input
{
	width: 15px;
}
body.myaccountdetails_aspx .SectionTitle
{
	font-weight: bold;
	margin-top: 20px;
}
/**  Supplier Search  **/
#cmsContentOuter a.btnSearch
{
	display: block;
	width: 80px;
	height: 21px;
	background-image: url(../images/search_btn.jpg);
}
#cmsContentOuter a.btnSearch span
{
	display: none;
}
.backLink a.btnBackToSearch
{
	display: block;
	width: 129px;
	height: 21px;
	background-image: url(../images/btn_backtosearch.jpg);
}
.backLink a.btnBackToSearch span
{
	display: none;
}
body.suppliersearch_aspx #cmsContentInner3 div.formElements
{
  padding-left: 20px;
}
body.suppliersearch_aspx .SearchTitles
{
	padding: 10px 0px 0px 0px;
}
body.suppliersearch_aspx .BusinessArea,
body.suppliersearch_aspx .PreferredAreas
{
	width: 850px;
	float: left;
}
body.searchresults_aspx  table
{
	margin-left: 8px;
	width: 800px;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}
body.searchresults_aspx  table th, body.searchresults_aspx  table td
{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
body.searchresults_aspx  table table th, 
body.searchresults_aspx  table table td
{
	border: 0px none;
}
body.searchresults_aspx  table table
{
	border: 0px none;
	width: 250px;
	margin-left: 277px;
}
body.searchresults_aspx  table table td
{
	width: auto;
}
body.searchresults_aspx  table table a
{
	font-weight: bold;
	text-decoration: none;
}
body.searchresults_aspx  table th
{
	padding: 8px 3px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
body.searchresults_aspx  table td
{
	padding: 3px;
	text-align: left;
}
body.searchresults_aspx  table td
{
	width: 28%;
}
body.searchresults_aspx  table td.PhoneNumber
{
	width: 16%;
}
/** Supplier Details  **/
body.supplierdetails_aspx #cmsContentInner3 .backLink,
body.searchresults_aspx #cmsContentInner3 .backLink
{
	margin: 5px 0px 10px 5px;
}
body.supplierdetails_aspx #cmsContentInner3 .backLink a
{
	text-decoration: underline;
}
body.supplierdetails_aspx #cmsContentInner3 .backLink a:hover
{
	text-decoration: none;
}
body.supplierdetails_aspx ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
body.supplierdetails_aspx .formElements
{
	height: 25px;
}
body.supplierdetails_aspx .companyNameTitle, body.supplierdetails_aspx .tradeDetails
{
	font-weight: bold;
	margin-left: 100px;
	margin-top: 20px;
}
body.supplierdetails_aspx .titleField ul li
{
	font-weight: normal;
}
body.supplierdetails_aspx .BusinessAreas
{
	margin-left: 100px;
}
body.supplierdetails_aspx .BusinessAreas, 
body.supplierdetails_aspx .geoLocations
{
	float: left;
	width: 200px;
}
body.supplierdetails_aspx .BusinessAreas span, 
body.supplierdetails_aspx .geoLocations span
{
	font-weight: bold;
}
body.supplierdetails_aspx .TradeDetailsList
{
	height: auto;
}
/**  PRODUCT SEARCH  **/
body.productserach .SearchControl
{
	margin-bottom: 15px;
}
body.productserach .SearchControl .ProductCategorySearch select 
{
  width: 150px;
  margin-right: 4px;
}
body.productserach .ProductCategorySearch
{
  width: auto;
  float: left;
}
.ProductSearchGrid
{
	margin-top: 10px;
}
.ProductSearchGrid td, .ProductSearchGrid th
{
	padding-left: 6px;
	padding-right: 6px;
}
.slideshow
{
	margin-left:3px;
	_margin-left:1px;
}