/*  Baseline values for browser consistency  */

	* { margin: 0; padding: 0; }
	
	p, div, h1, h2, h3, h4, h5, ul, li, ol, img, fieldset { margin: 0; padding: 0; }
	img { border: 0; }
	
	ul, ol { list-style-position: inside; margin: 0 0 1em; }
	ul li, ol li { font-size: 1.2em; margin: 0 0 0.2em; }
	
	hr { background: #000; color: #000; border: 0; height: 1px; margin: 20px 0; }
	
	a:link, a:visited, a:active { color: blue; text-decoration: underline; outline: 0; }
	a:hover { text-decoration: none; }

.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }

/*---------------- layout elements ----------------*/

html {
	min-height:100%;
	margin-bottom:1px; }
	
body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: white; }

a {
	color:#5396B1; }
	
h1 {
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#C0143C;
	margin-bottom:4px; }
	
h3 {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#C0143C;
	margin-bottom:4px; }
	
p {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4C4D4F; }

#container {
	width:790px;
	padding-left:10px;
	position:relative;
	display:block;
	margin:0 auto;
	min-height:800px;
	height: 100%;
	background: white;
	border-left: 10px solid #f3f3f3;
	border-right: 10px solid #f3f3f3; }

#loginbar {
	float:left;
	background-color:#c0143c;
	height:26px;
	width:780px;
	color:#FFFFFF; }

#loginbar #login {
	float:left;
	width:440px;
	margin:4px 0 0 10px; 
}
#toplogin_lnkLogout:hover {
	color:#C9C8D6;
	text-decoration:none;
}
#toplogin_lnkLogout { 
	color:#FFFFFF;
	text-transform:uppercase;
}
#loginbar #toplinks
{
	width:310px;
	float:right;
	margin:8px 0px 0 0 ;
}
#toplinks ul { list-style-type:none; list-style-position:outside;}
#toplinks li {float:left; margin-right:10px;}
#toplinks a, #toplinks a:visited { text-transform:uppercase; font-size:10px; float:left; color: #fff; text-decoration: none; }
#toplinks a:hover { color: #C9C8D6; text-decoration: none; }


#loginbar .login
{
	height:12px;
	width:122px;
	margin:0;
	font-size:11px;
}
#login toplogin_lnkLogin
{
	margin-top:3px;
}
#logobar
{
	float:left; background: #fff;
}
#logobar #logo
{
	float:left;
}
#logobar #quotation
{
	float:left;
	background:url('../img/quotation.gif');
	width:142px;
	height:77px;
}
#quotebox
{
	float:left;
	display:inline;
	margin:26px 0 0 19px;
	color:#ffffff;
}
#quotebox a, #quotebox a:visited
{
	color:#ffffff;
}

#quotebox a:hover { text-decoration: none; }

#quoteitem
{
	display:block;
	float:left;
	border-top:solid 1px #88888A;
	width:103px;
	margin:0 0 2px 0;	
}
#breadcrumbs
{
	float:left;
	height:45px;
	width:780px;
	background: #fff;
}
#crumbs
{
	float:left;
	display:block;
	margin-top:14px;
	font-size:12px;
}

#crumbs a, #crumbs a:visited { color: #4C4D4F; }
#crumbs a:hover { text-decoration: none; }

.level1 { margin-top: -2px; margin-bottom: -2px; display: block;  }


#leftcol
{
	float:left;
	width:141px;
	height: 100%;
	min-height:100%;
}
#leftcol a.toplevel
{
	margin-top:-1px;
	padding:0;
	height:32px;
	display:block;
}
#leftnav ul
{
	padding: 5px 0 5px 0;
	margin:0;
	list-style-position: outside;
	color: #4C4D4F;
	background-color: #f9f9f9;	}
	
.HomeNav { padding-bottom: 2px; }
	
#leftnav ul li
{
	list-style-type:none;
	display:block;
	margin:0; }
	
#leftnav ul li a
{
	display:block;
	width:124px;
	padding-left:17px;
	color:#4C4D4F;
	text-decoration:none;
	font-size: 11px; }

#leftnav ul li a.selected, #leftnav ul li a:hover { background:#f5e0e5 url('../img/bullet.gif') no-repeat center left; }

#leftnav ul ul { padding:0; }
#leftnav ul li ul li a { font-size: 10px; width:119px; padding-left:22px; }
#leftnav ul li ul li a:hover, #leftnav ul li ul li a.selected { background:#f5e0e5 url('../img/bullet2.gif') no-repeat center left; }

#search
{
	width:141px;
	color: white;
	font-size:11px;
	font-weight:bold;
	display:block;
}
#search .searchbot
{
	color:#
}
#search #searchhead
{
	background:#FFFFFF url('../img/searchbg.gif') no-repeat top left;
	padding:3px 0 0 20px;
	margin-top:20px;
}
#search #searchbox
{
	border-top:solid 1px #C7B9B4;
	background-color:#AFAFAF;
	padding:5px 0 0 6px;
}
#search #searchbox .dropdown
{
	width:128px;
	height:18px;
	font-size:11px;
	margin-bottom:3px;
}


#mainarea
{
	margin-left:10px;
	float:left;
	width:629px;
	display:block;
	height: 100%;
}

#mainarea p { font-size: 12px; margin: 0 0 1em; }
body.home #mainarea p { font-size: 11px; margin: 0; color: #4C4D4F; }
body.home #mainarea a { color: #C0143C; }
	

#products
{
	margin-bottom:10px;
	float:left;
}
#product
{
	float:left;
	width:149px;
	margin-right:8px;
	display:inline;
	margin-bottom:10px;
}

#productRightEnd
{
	float:left;
	width:149px;
	display:inline;
}

#products .arrows
{
	display: block;
	clear:both;
}

#products #pages
{
	display: block;
	color:#76574E;
	margin-bottom:5px;
	clear:both;
}

#product #image
{
	float:left;	
}
#product #image img, #productRightEnd img
{
	border-left:1px solid #AFAFAF;
	border-top:1px solid #AFAFAF;
	border-right:1px solid #AFAFAF;
	vertical-align: middle;
}
#product #descriptor, #productRightEnd #descriptor
{
	float:left;
	background-color:#AFAFAF;
	width:144px;
	height:39px;
	color: white;
	font-size:11px;
	font-weight:bold;
	padding:7px 0 0 5px;
}
#product #pricebox, #productRightEnd #pricebox
{ 
	float:left;
	display:block;
	background-color:#AFAFAF;
	width:149px;
	height:15px;
	font-size:11px;
}
#product #pricebox #price, #productRightEnd #pricebox #price
{
	float:left;
	margin-left:7px;
	color: white;
}
#product #pricebox #moredetails, #productRightEnd #pricebox #moredetails
{
	float:right;
	margin-right:10px;
	color:#5396B1;
}
#product #pricebox #moredetails a, #productRightEnd #pricebox #moredetails a
{
	color:#C0143C;
}

td.editheader
{
	background-color:#545557;
	font-weight:bold;
	color:#fff;
}
tr.Row
{
	background-color:#ffffff;
}
tr.AltRow
{
	background-color:#AFAFAF;
}
.short
{
	width:15px;
}
table.Results td
{
	padding:2px;
}


/*------------ main content ------------*/

.appliancesDiv, .furnitureDiv, .sinksandtapsDiv { width:310px; padding-bottom:13px; }

.productDiv, .modernDiv  { width:150px; float:left; padding:0 8px 10px 0; }
.productDivR, .modernDivR { width:150px; float:left; padding:0 0 10px 0; }

	.brand1Div { border:1px solid #E3E0E1; width:149px; height:530px; margin:0 5px 25px 0; float:left;  }
	.brand1DivR { border:1px solid #E3E0E1; width:149px; height:530px;  float:left; margin-bottom:25px;  }
	.brand1Div img, .brand1DivR img { padding:0 0 0 1px; }
	.brand1Div p, .brand1DivR p { padding:0 10px 15px 10px; font-size:11px !important; }

	.brand2Div { border:1px solid #E3E0E1; width:149px; /*height:530px; */ margin:0 5px 25px 0; float:left;  }
	.brand2DivR { border:1px solid #E3E0E1; width:149px; height:530px;  float:left; margin-bottom:25px;  }
	.brand2Div img, .brand2DivR img { padding:0 0 0 1px; }
	.brand2Div p, .brand2DivR p { padding:0 10px 15px 10px; font-size:11px !important; }


.kitchenDiv  { border:1px solid #E3E0E1; width:203px; height:604px; margin:0 7px 25px 0; float:left;  }
.kitchenDiv img, .bedroomDiv img { padding:0; }
.kitchenDiv p, .bedroomDiv p { padding:0 14px 15px 14px; font-size:11px !important; }

.bedroomDiv { border:1px solid #E3E0E1; width:203px; margin:0 7px 25px 0; float:left;  }

.kitchenDivR { border:1px solid #E3E0E1; width:203px; height:604px; margin:0 0 25px 0; float:left;  }
.kitchenDivR img { padding:0 0 0 1px; }
.kitchenDivR p { padding:0 14px 15px 14px; font-size:11px !important; }

.crownimperialDiv  { width:282px; float:left; padding:0 15px 10px 0; }
.crownimperialDivR  { width:282px; float:left; padding:0 0 10px 0; }
.detailP { padding-left:8px; font-size:11px !important; }
.detailDoor { width:81px; float:left; padding:5px 7px 0 0; }
.detailBorder { width:198px; border:1px solid #E3E0E1; float:left; margin-top:5px; }
.detailBorder p { padding:0 10px 12px 10px; font-size:11px !important; }
.detailBorder h4 { padding:5px 5px 15px 10px; font-weight:bold; font-size:11px !important; }
.detailButton { width:98px; float:left; }

.carronPhoenixLeft { width:469px; float:left; }
.borderText { width:469px; border:1px solid #E0E0DF; padding-top:13px; margin-top:10px; }
.borderText p { padding:0 21px 15px 15px; font-size:11px !important; }
.carronPhoenixRight { width:149px; float:right; }
.carronPhoenixRight img { padding-bottom:8px; }

.logoDiv { height:70px; margin-left:13px; padding-top:20px; }
.logoDivbtm { height:70px; margin-left:20px; padding-top:20px; }
.logoDivkitchen { height:105px; margin-left:13px; padding-top:40px; }
.logoDivkitchen2 { height:105px; margin-left:50px; padding-top:40px; }
a.headLink { text-decoration:none; color:#9F8478; }



/*------------ homepage specific --------------*/

.homeMain { width: 477px; float: left; margin: 0 0 0; }
	.homeMain img { float: left; }

.homeRight { width: 142px; float: right; position:relative; }
	.findShowroom { border: 1px solid #E0E0DF; background: #fff; height: 153px;  }
	.findShowroom img { float: left; }
	.findShowroom img.bt_find { border-bottom: 1px solid #E7DCD8; }
	.latestNews { border: 1px solid #E0E0DF; background: #fff; height: 153px; margin-top:20px; }
	.latestNews img { float: left; }
	.latestMews img.bt_latestNews { margin-top:5px;  }

.homeBlocks { width: 629px; height: 120px; clear: both; }
	.block1, .block2, .block3 { width: 200px; height: 120px; float: left; margin: 10px 13px 0 0; }
	.block1 p, .block2 p, .block3 p {  font-size:11px !important; }	
	.block3 { margin: 10px 0 0 0; float: left; }
	/*
	.block1 .content { background: url('../img/bg_block1.jpg') bottom left no-repeat; position: relative; }
	.block2 .content { background: url('../img/bg_block2b.jpg') bottom left no-repeat; position: relative; }		
	.block3 .content { background: url('../img/bg_block3.jpg') bottom left no-repeat; position: relative; }
	*/
	.homeBlocks .title { float: left; margin: 0 0 10px; }
	.homeBlocks .content { clear: both; height: 80px; border: 1px solid #E0E0DF; }
	
		.block1 .content p, .block2 .content p , .block3 .content p { padding:10px 5px 0 10px; }
		
		
/*-------------------- new extra ----------------*/

.worksurfacesDiv  { width:283px; float:left; padding:0 9px 10px 0; }
.wireworkLight { float:left; padding:0 9px 10px 0; }
.wireworkLightText { width:488px; float:left; padding:24px 0 40px 0;  }
.wireworkLightText p { padding:5px 0 5px 0; }

.primaArea, .odysseyArea, .omegaArea   { width:488px; float:left; }
.primaText, .odysseyText, .omegaText  { width:488px; padding:24px 0 40px 0; float:left; }
.primaText p, .odysseyText p, .omegaText p  { padding:5px 0 5px 0; font-size:11px !important; }
.primaMainPic, .odysseyMainPic, .omegaMainPic  { width:302px; float:left; padding:0; }
.primaLogos, .odysseyLogos, .omegaLogos  { width:156px; float:left; margin-left:30px; }
.primaSelections, .odysseySelections, .omegaSelections  { width:149px; float:left; padding-right:20px; }
.primaSelectionsEnd, .odysseySelectionsEnd, .omegaSelectionsEnd { width:149px; float:left; padding:0; }
.microban { padding:0 0 0 10px; }

.detailLeftDiv { width:214px; float:left; margin-right:20px; }
.detailLeftDiv img { margin:5px 0 20px 0; }
.detailLeftDiv h3, .detailLeftDiv p, .detailRightDiv p {  color: #4C4D4F; }
.detailRightDiv { width:230px; float:left; border:1px solid #E0E0DF; margin-top:24px; }

.price { padding:5px 20px 5px 20px; }
.priceTable { margin:5px 20px 5px 20px; color:#76574E; }
.dspTable { color:#76574E; }

.sizeTD { width:110px; padding-bottom:10px; }
.priceTD { width:50px; padding-bottom:10px; }
.qytTD { width:20px; padding-bottom:10px; }

.qyt { height:12px; width:20px; margin:0; font-size:11px; }

.dspTD { width:93px; }
.dspSizeTD { vertical-align:top; }

.buttons { float:left; width:118px; padding:5px 0 0 7px; }
.buttons img { padding-bottom:13px; }


/*-------------------- latest news ----------------*/

.newsHeadsection { padding: 0; font-size:16px; }

#newsLeft { width:470px; float:left; margin-bottom:15px; }
#newsRight { width:150px; float:right; }

.newsLeft { width:470px; float:left; margin-bottom:15px; color: #4D4D4F; }
.newsBorder { width:469px; border:1px solid #E3E0E1; margin:0; }
.newsBorder h2 { padding:13px 0 10px 15px; font-size:14px;  color: #4D4D4F; float:none; }
.newsafterLogo { padding:13px 0 10px 15px; font-size:14px;  color: #4D4D4F; float:none; }
.newsBorder h3 { padding:0 0 10px 15px; font-size:11px; color: #76574e; }
.newsBorder p { padding:10px 11px 15px 15px; font-size:11px !important; float:none; display:block; }
.newsBorderImg { float:left; margin-right:12px; }
.rightImg { float:right; margin-left:12px; }
.newsLogos { float:right; margin: 10px 12px 0 0; padding-left:12px; }
.newsLeftlogo { margin: 10px 12px 0 12px; padding-right:12px; float:left; }
.newsRight { width:150px; float:right; background: #F3F3F3;  margin-bottom:15px; color: #4D4D4F; }
.newsRight h2 { font-size:12px; text-align:center; padding:15px 0 0 0; color: #4D4D4F; }
.newsRight h3 { font-size:11px; padding:15px 0 0 10px; color: #4D4D4F; }
.newsRight p { padding: 0 10px 8px 10px; font-size: 11px !important; }
.newsRight a { color: #BF153C !important; }
.newsRight img { padding: 8px 0 8px 15px; }

/*--------------------- profile -----------------------*/

.fullBorder { width:580px; border:1px solid #E3E0E1; margin:0; padding: 5px 25px 10px 15px; }
.fullBorder  p { margin: 0; padding: 5px 0 5px 0; }
.fullBorder a { text-decoration:none; color:#5396B1; }

/*-------------------- contact us ------------------*/

.locationlist { list-style: none; list-style-position: inside; float: left; font-size: 9px; color:#76574E; margin: 10px 30px 0 0; }
.location2list { list-style: none; list-style-position: inside; font-size: 9px; color:#76574E; margin-top: 10px; }

/*-------------------- location --------------------*/

.locationDiv { width: 580px; border:1px solid #E3E0E1; margin-bottom: 10px; padding: 5px 25px 10px 15px; color: #4D4D4F; }
.locationDiv h2, .abovemap h2 { padding: 10px 0 5px 0; font-size:13px; }
.locationDiv ul, .abovemap ul { list-style: none; list-style-position: outside; float: left; font-size: 9px; margin-right: 20px; color: #4D4D4F; }
.locationDiv p, .abovemap p { padding-left: 2px; color: #4D4D4F; }

.abovemap { width: 580px; margin-bottom: 20px; padding: 5px 25px 10px 15px; }
.mapDiv { width: 620px; background: url('/img/UKmap3.gif') no-repeat; background-position: top left; padding-bottom: 30px; height: 600px; margin-top: 20px; }

.bluebox { width: 180px; background: #005a8f; position: relative; top: 80px; left: 25px; padding: 10px 0 10px 10px; }
.bluebox h1, .greenbox h1, .redbox h1, .lightbluebox h1, .graybox h1, .orangebox h1 { color: white; font-weight: normal; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; }
.bluebox ul, .greenbox ul, .redbox ul, .lightbluebox ul, .graybox ul, .orangebox ul { list-style: none; list-style-position: outside; color: white; float: left; font-size: 0.9em; margin-right: 9px; }
.greenbox p, .lightbluebox p, .redbox p, .orangebox p { color: white !important; }
.blueImg { position: relative; top: -15px; left: 210px; }

.greenbox { width: 190px; background: #a4a911; position: relative; top: -9px; right:50px; padding: 10px 0 10px 10px; float: right; }
.greenImg { position: relative; top: 160px; left: 335px; }

.redbox { width: 180px; background: #9a2736; position: relative; top: 30px; left:  25px; padding: 10px 0 10px 10px; float: left; }
.redImg { position: relative; top: 230px; left: 30px; }

.lightbluebox { width: 180px; background: #00a8c2; position: relative; top: 90px; left: 25px; padding: 10px 0 10px 10px; float: left; }
.lightblueImg { position: relative; top: 90px; left: 25px; }

.graybox { width: 180px; background: #88898d; position: relative; top: 95px; left: 25px; padding: 10px 0 10px 10px; float: left; }
.grayImg { position: relative; top: 57px; left: 25px; }

.orangebox { width: 180px; background: #ea8a1a; position: relative; top: -3px; right:70px; padding: 10px 0 10px 10px; float: right; }
.orangeImg { position: relative; top: -55px; left: 360px; }

/*---------------------- New Navigation ------------------------*/

.appOn, .furOn, .worOn, .sinOn { margin-top: -3px; }
.wor2On { margin-top: -2px; }

#leftnav .tradelogin ul
{
	margin-top:20px;
}
#leftnav .tradelogin ul li
{
	border-top:solid 2px #C0143C;	
	border-bottom:solid 2px #C0143C;	
	margin-top:-2px;
	background:#cccccc;
}
	#leftnav .tradelogin ul li a
	{
		padding-left:10px;
		width:131px;
		height:20px;
		line-height:20px;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	#leftnav ul li a.selected, #leftnav ul li a:hover
	{ 
		background:#f5e0e5 url('../img/bullet.gif') no-repeat -7px center ;
	}

/* ------------ footer */
#footer
{
	margin-top:30px;
	width:700px;
	clear:both;
}
.left-foot
{
	float:left;
}
.right-foot
{
	float:right;
}
.foot-item
{
	margin-left:30px;
}
