/*	REAL OAK FLOORS
**	Main Website Stylesheet
**
**	This stylesheet contains the majority of
**	stylings for the site's current appearance.
*/

body
 {background: #fff url('http://www.realoakfloors.co.uk/img/bg/fade-bg.png') top center repeat-y;
  color: #000;
  font-size: 12px;
  font-family: Verdana, Georgia, Arial, sans-serif;
  padding: 0px;
  margin: 0px;
  text-align: center;}

table
 {font-size: 10px;}

p
 {padding: 0;
  margin: 0px 0px 5px 0px;
  letter-spacing: 0em;
  line-height: 1.2em;}

img
 {border: 0;}

h1
 {color: #c60;
  background-color: inherit;
  font-size: 18px;}

h2
 {color: #c60;
  background-color: inherit;
  font-size: 14px;}

h3
 {color: #c60;
  background-color: inherit;
  font-size: 12px;
  margin-bottom: 0;
  padding-bottom: 0;}

a
 {text-decoration: none;
  color: #f90;
  background-color:inherit;}

a:hover
 {text-decoration: none;
  color: #c60;
  background-color:inherit;}

a:visited
 {text-decoration: none;
  color: #f90;
  background-color:inherit;}

acronym
 {cursor: help;}

address
 {font-style: normal;}

#siteContainer
 {position: relative;
  width: 970px;
  margin: 10px auto;
  padding:0;}
  
#siteContainerTop
 {position: relative;
 display: block;
  width: 970px;
  padding:0;}

#header {
	display: block;
}

#contentLeft {
	display: block;
	float: left;
	width: 156px;
}

#contentRight {
	display: block;
	float: right;
	width: 797px;
}

#pageHeader
 {width: 960px;
  height: 160px;
  padding: 0px;
  margin: 0px auto 8px auto;
  overflow: hidden;
  background: url("../media/realoakfloors/bannerhome.jpg") no-repeat top center;}

#pageHeader h2, #pageHeader p
 {line-height: 168px;
  overflow: hidden;
  text-indent: -32767px;}

#pageHeader h1 a
 {display: block;
  line-height: 168px;
  text-indent: -32767px;
  overflow: hidden;
  position: relative;
  top: 40px;
  left: 5px;
  width: 392px;
  height: 44px;}


/*** access key indicator ***/

.accesskey
 {cursor: help;
  font-style: normal;
  text-decoration: underline;}

.languageForm p
 {color: #f90;
  background-color: inherit;}

/*** navigation - left side ***/

#leftDiv
 {margin: 5px 0px 0px 0px;
  float: left;
  padding: 0px;
  text-align: left;
  width: 156px;}

#leftDiv ul
 {list-style: none;
  margin: 0 0 12px 0;
  padding: 0;
  padding: 0 0 40px 0;
  background: url("../media/realoakfloors/leftnavback_footer2.gif") no-repeat bottom left;}

#leftDiv ul li
 {display: inline;
  margin: 0;
  padding: 0;}

#leftDiv li ul
 {background: none;
  margin: 0;
  padding: 0;}

#leftDiv ul li a
 {display: block;
  font-size: 12px;
  text-align: right;
  padding: 2px 5px 3px 2px;
  color: #fff;
  background: #f90;
  border-top: 1px solid #fc0;
  border-right: 1px solid #fc0;
  border-bottom: 1px solid #c60;
  border-left: 1px solid #c60;}

#leftDiv ul li a:hover
 {color: #fff; 
  background: #fa1;}

#leftDiv ul li ul li a
 {color: #fff;
  background: #f70;}

#leftDiv ul li ul li a:hover
 {color: #fff;
  background: #f81;}

#leftDiv ul li ul li ul li a
 {color: #fff;
  background: #f50;}

#leftDiv ul li ul li ul li a:hover
 {color: #fff;
  background: #f61;}

.currentPage
 {font-weight: bold;}

#cat9 a, #cat15 a
 {margin-top: 5px;}

#cat9 ul li a
 {margin-top: 0px;}

.naviAds
 {display: block;
  padding-bottom: 5px;
  background: url("../media/realoakfloors/nav_shadow.gif") bottom left repeat-x;}

/*** rss link ***/

#rssSubscribe
 {font-size: 10px;
  padding: 2px 0 2px 16px;
  background: url("../media/rss.gif") center left no-repeat;}

#rssSubscribe:hover
 {color: #c60;
  background-color: transparent;}

/*** site content ***/
#siteContentBlock
 {position:absolute;
  top: 241px;
  left: 163px;
  width: 797px;
  padding:0;
  margin:0;
  border:none;
}

#siteContentBlock6{
  width: 790px;
  overflow: hidden;
}

#siteContentBlockNew {
  display: block;
  float: right;
  width: 790px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
}

#siteContentBlockHome
 {position:absolute;
  top:431px;
  left:163px;
  width: 787px;
  padding:0;
  margin:0;
  border:none;
}

#siteContent
 {text-align: left;
  background-color: #fff;
  color: #000;
  border-top: 1px solid #fc0;
  border-right: 1px solid #fc0;
  border-bottom: 0;
  border-left: 1px solid #c60;
 /** float: right;**/
  width: 775px;
  margin: 10px 0px 0px 0px;
  padding: 0px 5px 10px 5px;}

#siteContent p
 {line-height: 1.5em;
  margin: 0 auto 0.5em auto;}

#siteContent li
 {line-height: 1.3em;
  margin: 0 auto;}

#siteContent ol li
 {margin-bottom: 1em;}

#siteContent ol ul li
 {margin-bottom: 0;}

#siteContent h1
 {margin: 0 auto;}

#siteContent h2
 {margin: 0.5em auto;}

#siteContent h3
 {margin: 1.2em auto 0 auto;}

#siteContentBase
 {clear: both;
 text-align: center;
  float: right;
  width: 792px;
  height: 42px;
  margin-bottom: 1em;
  background: url("../media/realoakfloors/bodycontent_bottom2.gif") no-repeat bottom center;}

.validLogos
 {text-align: center;
 display: block;
  float: right;
  clear: both;
  width: 940px;
  margin: 5px auto;}

/*** Featured Products ***/

.specialOffers
 {text-align: center;
  width: 617px;
  margin: 5px auto;
  padding: 0;}

.offer
 {float: left;
  width: 306px;
  height: 175px;
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  padding-bottom: 42px;
  background: url("../media/realoakfloors/specialoffers_bottom2.gif") no-repeat bottom left #fff;}

.offer h2
 {border-top: 1px solid #fc0;}

.offer h2, .offer h3, .offer p
 {margin: 0;
  padding: 5px;
  width: 294px;
  border-right: 1px solid #fc0;
  border-bottom: 0;
  border-left: 1px solid #c60;}

.offer p, .offer p img
 {float: left;}

.offerL
 {margin-right: 3px;}

.offerR
 {margin-left: 2px;}

.textboxtiny
 {font-size: 10px;
  text-align: center;
  color: #000;
  background-color: #fff;
  width: 25px;}

.textboxsmall
 {font-size: 10px;
  text-align: center;
  color: #000;
  background-color: #fff;
  width: 50px;}

.textboxmedium
 {font-size: 10px;
  color: #000;
  background-color: #fff;
  width: 150px;}

.proList
 {font-size: 10px;}

.backColour1
 {color: #000;
  background-color: #fff;}

.backColour2
 {color: #000;
  background-color: #eee;}

/****** Login Section ******/

.loginDiv
 {margin: 12px 0 0 0;
  padding: 0 0 40px 0;
  font-size: 12px;
  text-align: right;
  color: #fff;
  background: url("../media/realoakfloors/leftnavback_footer2.gif") no-repeat bottom left #ffd;}

.loginDiv h3
 {font-size: 12px;
  font-weight: normal;
  color: #fff;
  background-color: #f90;
  padding: 3px 5px 6px 5px;
  margin: 0;
  border-top: 1px solid #fc0;
  border-right: 1px solid #fc0;
  border-left: 1px solid #c60;}
  
.loggedIn
 {border-bottom: 1px solid #c60;}

.loginForm
 {margin: 0;
  padding: 0;
  background-color: #f90;}

.loginForm p
 {margin: 0;
  padding: 0px 5px 3px 5px;
  border-right: 1px solid #fc0;
  border-left: 1px solid #c60;}

.loginInput
 {margin: 0 0 4px 0;
  padding: 1px;
  width: 138px;
  color: #b97;
  background-color: #ffd;
  border-top: 1px solid #c60;
  border-right: 1px solid #c60;
  border-bottom: 1px solid #fc0;
  border-left: 1px solid #fc0;}

.loginRemember
 {border-bottom: 1px solid #c60;}

.loginCheck
 {position: relative;
  top: 2px;}

p.loginBtn
 {border-top: 1px solid #fc0;
  border-bottom: 1px solid #c60;
  margin: 0;
  padding: 0;}

input.loginBtn
 {width: 154px;
  text-align: right;
  border: 0;
  margin: 0;
  padding: 2px 5px 2px 5px;
  color: #fff;
  background-color: #f90;}

input.loginBtn:hover
 {color: #fff;
  background-color: #fa1;
  cursor: pointer;}

.samplesDiv
 {width: 156px;
  background-color: #f90;
  font-family: Verdana, Georgia, Arial, Sans-Serif;
  font-weight: normal;
  font-size: 12px;
  padding-bottom: 28px;
  background: url("../media/realoakfloors/login_footer2.gif") no-repeat bottom left;
  color: #fff;
  background-color: #f90;}

.formsDiv
 {width: 960px;
  padding: 0.5em 0 0em 0;}
  

.formsDiv:after
 {clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;}

.alignRight
 {text-align:right;}

.alignLeft
 {text-align:left;}

.hiddenInput
 {border: 0;
  font-size: 10px;}

.whiteLink
 {font-weight: bold;
  font-size: 10px;
  text-decoration: none;
  color: #fff;
  background-color: inherit;}
  
.whiteLink:hover
 {color: #c60;
  background-color: inherit;}

.whiteLink:visited
 {font-weight: bold;
  font-size: 10px;
  text-decoration: none;
  color: #fff;
  background-color: inherit;}

.attachedItem
 {margin: auto;
  width: 95%;
  min-height: 60px;
  overflow: auto;
  clear: left;
  padding: 12px 0;
  border-bottom: 1px solid #f90;}

ul.attachList
 {list-style: none;
  padding: 0;
  margin: 1em auto;
  line-height: 1.5em;
  width: 95%;}

.attachThumb
 {width: 60px;
  float: left;
  margin: 5px;}

.newsletterForm
 {float: left;
  padding-right: 10px;
  margin-top: 5px;}

.newsletterInput
 {width: 119px;
  font-size: 10px;
  color: #aaa;
  background-color: #fff;
  border-top: 1px solid #c60;
  border-right: 1px solid #c60;
  border-bottom: 1px solid #fc0;
  border-left: 1px solid #fc0;}

.newsletterText
 {color: #f90;
  background-color: inherit;
  padding-top: 6px;}

.searchForm
 {float: left;
  padding-right: 7px;
  margin-top: 5px;
  height: 22px;}

.languageForm
 {float: right;
  padding-right: 1px;}

.languageForm p
 {position: relative;
  top: 3px;
  padding: 3px 0;}

.languageForm p a img
 {position: relative;
  top: 0.3em;}

.searchInput
 {width: 119px;
  font-size: 10px;
  background-color: #fff;
  color: #aaa;
  border-top: 1px solid #c60;
  border-right: 1px solid #c60;
  border-bottom: 1px solid #fc0;
  border-left: 1px solid #fc0;
  margin-right: 3px;}

* html .searchInput
 {width: 131px;}

.submitButton
 {font-size: 10px;
  background-color: #f90;
  color: #fff;
  border-top: 1px solid #fc0;
  border-left: 1px solid #fc0;
  border-bottom: 1px solid #c60;
  border-right: 1px solid #c60;}

#viewBasket
 {display: block;
  font-size: 10px;
  padding: 3px 20px 3px 0px;
  background: url("../media/realoakfloors/ico_cart.gif") center right no-repeat;}

#viewBasket:hover
 {color: #c60;
  background-color: transparent;}

#viewBasket:visited
 {color: #f90;
  background-color: transparent;}

#copyright
 {width: 617px;
  float: right;
  text-align: center;}

.noMargin
 {padding: 3px 3px 3px 0;
  margin: 0;}

.subsTable
 {margin-left: auto;
  margin-right: auto;}

.hasSubCat
 {border-top: 1px solid #fc0;
  border-right: 1px solid #fc0;
  border-bottom: 1px solid #c60;
  border-left: 1px solid #c60;
  text-align: center;
  width: 140px;
  height: 30px;
  color: #fff;
  background-color: #f90;}

.hasNoSubCat
 {visibility: hidden;}

.hasSubCat:hover
 {color: #fff;
  background-color: #fa1;
  cursor: pointer;}

.subCats a
 {color: #fff;
  background-color: transparent;
  font-weight: bold;}

.subCats a:hover
 {text-decoration: underline;}

.subCats a:visited
 {color: #fff;
  background-color: transparent;
  font-weight: bold;}

.errorText
 {color: #f00;
  background-color:inherit;}

.financeTable
 {width: 100%;
  border-top: 1px solid #f90;
  border-right: 1px solid #f90;
  border-bottom: 1px solid #c60;
  border-left: 1px solid #c60;
  margin: 5px auto;
  color: inherit;
  background-color: #ffd;}

.financeHeader
 {color: inherit;
  background-color: #fff;
  border-bottom: 1px solid #c60;}

.smallPrint
 {font-size: 9px;
  float: right;}

.proTitle
 {margin-bottom: 5px;
 }

.floatLeft
 {float: left;
  margin-right: 4px;}

.floatRight
 {float: right;
  margin-left: 4px;}

.proIntro
 {
  min-height: 100px;
  margin-right:4px;}

p.catPricePro {
font-size: 14px;
font-weight: bold;
padding: 10px 0px 0px 0px;
}  

.catProThumb
{border: 1px solid #ccc;}

.catProBox
{float: left;
 height:295px;
 width: 350px;
 border: 1px dashed #ccc;
 background: #f8f8f8;
 margin:5px;
 padding: 5px;}
 
.catFloatLeft
 {float: left;
  margin-right: 4px;
  margin-left:4px;}
  
.catMoreInfoPro {
float: left;
margin: 0px;
clear: both;
}
  
.proEditForm
 {float: right;}

* html .proEditForm
 {margin-bottom: -20px;}

.proHr
 {display: none;}

.schWord
 {color: #f00;}

/* featured items on front page */
.featItem
 {margin-left: 1px;
  margin-right: 1px;}

/* list of solid woods on front page */
.advertTable
 {width: 100%;}

.advertTable th
 {border-top: 1px solid #fc0;
  border-right: 1px solid #fc0;
  border-bottom: 1px solid #c60;
  border-left: 1px solid #c60;
  color: #fff;
  background-color: #f90;
  font-size: 11px;}

.advertTable h2
 {font-size: 11px;}

.advertTable p
 {margin: 1px 1px 5px 1px;
  font-size: 9px;}

.advertTable td
 {border-top: 1px solid #fc0;
  border-right: 1px solid #fc0;
  border-bottom: 1px solid #c60;
  border-left: 1px solid #c60;
  color: inherit;
  background-color: #ffd;
  text-align: justify;}

.advertTable h2
 {margin: 0 0 5px 0;}


/*** floor calculator link ***/
#calc
 {margin-top: 12px;}

#calc ul
 {list-style: none;
  margin: 0;
  padding: 0;
  background: url("../media/calc.gif") top right no-repeat #ffd;}

#calc ul li
 {border-bottom: 0;}

#calc ul li a
 {display: block;
  width: 150px;
  height: 35px;
  font-size: 10px;
  color: #f90;
  background: transparent;
  border: 0;
  text-align: left;}

#calc ul li a:hover
 {color: #c60;
  background-color: transparent;}

#calc ul li a:visited
 {color: #f90;
  background-color: transparent;}

/*** price highlight ***/

.pricedFrom, a.pricedFrom
 {font-weight: bold;
  color: #f00;
  background-color: inherit;}
  
.shipAlert, a.shipAlert
 {
  font-size: 14px;
  font-weight: bold;
  color: #f00;
  background-color: inherit;}

a:hover.pricedFrom 
 {text-decoration: underline;}

/*** Credit Cards for Basket ***/

#cardlogos
 {text-align: center;}

/*** Standards logos ***/
.standards
 {width: 617px;
  list-style: none;
  text-align: center;
  margin: auto 0;
  float: right;
  padding: 0;}

/* site content paragraphs will clear floats */

#siteContent p
 {clear: both;}

/*** skirting banner ***/
#bannerSkirting
 {display: block;
  margin: 0;
  padding: 0;
  width: 595px;
  height: 180px;}

#bannerSkirting img
 {display: inline;
  float: left;
  margin: 0 0 0 67px;
  padding: 0;}

/*** Skirting lists ***/
ul.skirting
 {display: block;
  float: left;
  margin: 10px 0 10px 67px;
  padding: 0;
  list-style: none;
  width: 461px;}


ul.skirting li, p.skirting
 {width: 82px;
  height: 35px;
  padding: 0 5px;
  float: left;
  line-height: 82px;
  overflow: hidden;}

p.skirting
 {
  text-indent:-32767px;
 }

.torus
 {background: url("../img/skirting/torus.gif") top center no-repeat;}

.ovolo
 {background: url("../img/skirting/ovolo.gif") top center no-repeat;}

.ogee
 {background: url("../img/skirting/ogee.gif") top center no-repeat;}

.chamfered
 {background: url("../img/skirting/chamfered.gif") top center no-repeat;}

.pencilRound
 {background: url("../img/skirting/penRound.gif") top center no-repeat;}

.lambsTongue
 {background: url("../img/skirting/lmTongue.gif") top center no-repeat;}

/*** image gallery thumbs ***/

#gallery td
 {text-align: center;}

#gallery img
 {margin: 0;
  padding: 2px;
  border: 2px solid #f90;}

#gallery img:hover
 {border: 2px solid #fc6;}

.desc td
 {padding-bottom: 1.5em;
  vertical-align: top;}

/*** admin query count ***/

#adminQueryCount
 {clear: right;}

/*** icons for search / newsletter textboxes ***/
input.searchInput
 {padding-left: 18px;
  color: #c60;
  background: url("../img/icons/search.gif") center left no-repeat #ff9;
  background-position: 2px 1px;}

input.newsletterInput
 {padding-left: 18px;
  color: #c60;
  background: url("../img/icons/newsletter.gif") center left no-repeat #ff9;
  background-position: 2px 3px;}

/*** notify messages ***/
#notifyMsg
 {font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  padding: 0.5em 0.3em;
  /**margin-left: 163px;**/
  margin-bottom: 0.4em;
  }

#notifyMsg p
 {margin: 0 0.2em;
  padding: 0.2em 0;}

.notifyMsgHidden
{
	margin:0;
	padding:0;
	display:none;
}
.notifySuccess
 {
  display:block;
  background-color: #ff9;
  border-top: 1px solid #fc0;
  border-right: 1px solid #f63;
  border-bottom: 1px solid #f63;
  border-left: 1px solid #fc0;}

.notifyFail
 {
  display:block;
  background-color: #fcc;
  border-top: 1px solid #fc0;
  border-right: 1px solid #f63;
  border-bottom: 1px solid #f63;
  border-left: 1px solid #fc0;}

/*** Janka Hardness Table stylings ***/

table.janka
 {font-size: 10px;
  font-family: Verdana, sans-serif;
  border: 1px solid #c60;
  width:596px;
  padding: 0.5em;}

.rating
 {display: block;
  color: #fff;
  background: url("../img/navi/bg.gif") top left repeat-x #f80;
  border-top: 1px solid #fc0;
  border-right: 1px solid #fc0;
  border-bottom: 1px solid #c60;
  border-left: 1px solid #c60;}
 
/*** add Product form styles ***/
#BNPL{
	float:left;
	width:200px;
}
#prodForm{
	float:right;
}
#proTotal{
	margin-top:2px;
}

.proField {
float: left;
width: 120px;
}

#basketSubmit{
  border:none;
  font-size: 10px;
  vertical-align:bottom;
}

/*** Style the horizontal rule***/
hr {
	border: none 0;
	border-top: 1px dashed #ccc;
	height: 1px;
	margin-top:8px;
	margin-bottom:8px;
}

.quickBasketHeader{
  text-align:right;
  background-color:#ff8800;
  color:#ffffff;
  border-top: 1px solid #fc0;
  border-right: 1px solid #fc0;
  border-bottom: 1px solid #c60;
  border-left: 1px solid #c60;
}


.quickBasket{
  background-color:#fff;
  border-top: 1px solid #fc0;
  border-right: 1px solid #fc0;
  border-bottom: 1px solid #c60;
  border-left: 1px solid #c60;
  padding-left:2px;
}

/*** Door notification styling***/
.doorNote{
  background-color:#ffffdd;
}

.priceNote{
  background-color:#ffffdd;
  border-top: 1px dashed #fc0;
  border-right: 1px dashed #fc0;
  border-bottom: 1px dashed #c60;
  border-left: 1px dashed #c60;
  line-height:8px;  
}

#proPrice {
min-width: 610px;
height: 100%;
border: 1px solid #a30000;
padding: 5px;
}

#prodSel {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#prodSelFrm {
text-align: left;
}

#prodArea {
margin: 0px; 
padding: 0px; 
display: block; 
float: left; 
width: 400px; 
text-align: left;
}

#prodSamp {
margin: 0px; 
padding: 0px; 
display: block; 
width: 200px; 
text-align: left;
}

.proBuyBox {
min-width: 612px;
height: 20px;
background: url('http://www.realoakfloors.co.uk/img/bgbuybox.png') repeat-x;
padding: 5px;
margin: 10px 0px 0px 0px;
color: #fff;
font-size: 14px;
font-weight: bold;
}

.oakCategoryList ul{
list-style-type:circle;
}

.oakCategoryList li{
font-size:15px;
font-weight:bold;
}

#prestige-engineered {
width: 590px;
height: 241px;
background: url('http://www.realoakfloors.co.uk/media/prestige-engineered.jpg') no-repeat;
padding: 10px 100px 5px 15px;
}

#prestige-engineered ul {
float: left;
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
margin: 0;
padding: 3px 0px 0px 10px;
}

#prestige-engineered li {
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
margin: 0;
padding: 3px 0px 0px 10px;
font-size: 14px;
}

#prestige-engineered h2 {
color: #414141;
}

#prestige-engineered h2:hover {
color: #c60;
}

#exotic-engineered {
width: 590px;
height: 250px;
background: url('http://www.realoakfloors.co.uk/media/exotic-engineered.jpg');
}

#exotic-content {
position: relative;
top: 58px;
left: 247px;
width: 289px;
height: 48px;
}

#exotic-engineered-head1 {
position: relative;
top: 241px;
left: 156px;
width: 60px;
height: 28px;
}

#exotic-engineered-head2 {
position: relative;
top: 241px;
left: 283px;
width: 60px;
height: 28px;
}

#exotic-engineered-head3 {
position: relative;
top: 241px;
left: 411px;
width: 60px;
height: 28px;
}

#krono-catalogue {
clear: both;
width: 590px;
padding: 0px 5px 0px 5px;
border: 1px dashed #414141;
}

#krono-pdf a{
float: right;
}

.woodFloorHeader {
	display: inline-block;
	width: 380px;
	height: 250px;
}

.woodFloorHeader h1 a {
	display: block;
	width: 243px;
	height: 35px;
	margin: 49px 0 0 0;
	padding: 11px 0 0 0;
	color: #666;
	font: lighter 18px Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-align: center;
}

.woodFloorHeader span {
	display: block;
	padding: 20px 18px;
	width: 242px;
	height: 64px;
	margin: 20px 0 0 0;
}

.woodFloorHeader span a {
	color: #777;
	font: lighter 12px Helvetica, Arial, sans-serif;
	text-decoration: none;
}

#solidWoodHeader {
	float: left;
	background: url(http://www.realoakfloors.co.uk/media/wood_flooring/solid_wood.jpg) 0 0 no-repeat;
}

#engineeredWoodHeader {
	float: right;
	background: url(http://www.realoakfloors.co.uk/media/wood_flooring/engineered_wood.jpg) 0 0 no-repeat;
}

.wf-product {
float: left;
width: 400px;
height: 200px;
display: block;
border: 1px solid #ccc;
margin: 20px 0px 0px 0px;
padding: 5px;
}

.wf-product h3 {
font-size: 16px;
}

.wf-desc {
width: 240px;
float: left;
margin: 5px 0px 0px 0px;
}

.wf-img {
width: 150px;
float: right;
margin: 5px 0px 0px 0px;
}

#wf-main {
width: 760px;
}

.home-thumb-l {
float: left; 
border: 1px solid #ccc; 
padding: 2px;
margin: 3px;
}

.home-thumb {
float: right; 
border: 1px solid #ccc; 
padding: 2px;
margin: 3px;
}

/*** HOME PAGE FEATURED AND SHOWROOM ***/

#featuredWrap {
	display: block;
	width: 778px;
	font: 12px helvetica, arial, sans-serif;
}

#featured {
	clear: both;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 770px;
	height: 250px;
	list-style: none;
}

ul#featured li {
	margin: 0;
	padding: 0;
}

#fpFeaturedWrap {
	clear: both;
	display: block;
	padding: 3px;
	height: 250px;
	width: 770px;
	border: 1px solid #CCC;
	overflow: hidden;
}

#fpFeaturedNav {
	display: block;
	float: right;
	height: 15px;
}

#fpFeaturedNav a {
	display: inline-block;
	float: left;
	margin-left: 5px;
	height: 15px;
	width: 40px;
	background: #EEE;
	color: #EEE;
	text-indent: -5000;
	outline: none;
	text-decoration: none;
}

#fpFeaturedNav a.activeSlide, #fpFeaturedNav a:hover {
	background: #CCC;
	color: #CCC;
}

.fpFeatured {
	position: relative;
	display: block;
	height: 250px;
	width: 770px;
	border: 0px solid #666;
	background: #FFF;
	z-index: 10;
}

.fpFeatured * {
	margin: 0;
	padding: 0;
}

.fpFeatured a {
	color: #FFF;
	text-decoration: none;
}

.fpFeaturedBottom a:hover {
	text-decoration: underline;
}

.fpFeatured img {
	display: block;
	margin: 0;
	border: 0;
}

.fpFeaturedTop {
	display: block;
	height: 205px;
	width: 770px;
	background: #FFF;
}

.fpFeaturedTop div {
	background: #FFF !important;
}

.fpFeaturedBottom {
	display: block;
	height: 45px;
	width: 770px;
	background: #555 url(http://www.realoakfloors.co.uk/media/featured/h1_bg.png) 0 0 repeat-x;
	overflow: hidden;
}

.fpFeaturedBottom h1 {
	display: inline-block;
	padding: 5px 0 0 10px;
	font-size: 30px;
	font-weight: 500;
	color: #FFF;
	letter-spacing: -2px;
	line-height: 40px;
}

ul.homelinks {
width: 191px;
float: left;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
}

.homelinks li {
padding: 2px 5px 2px 0px;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
}

.homelinks li :before {
content: "\00BB \0020";
}

.homelinks-extra li :before {
content: "\00BB \0020";
}

h3.homelinks {
padding: 0px 0px 3px 0px;
margin: 0;
color: #525252;
font-size: 14px;
font-weight: normal;
border-bottom: 1px solid #c8c8c8;
}

#homelinks-wrapper {
clear: both;
display: block;
float: left;
margin: 0px 0px 5px 0px;
width: 775px;
padding: 10px 0 0 20px;
background: #fefefe;
border: 1px solid #f4f4f4;
}

#slideContainer {
	display: block;
	height: 300px;
	width: 775px;
	overflow: hidden;
}

.slide {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.slide li{
	float: left;
	width: 193px;
	height: 300px;
	margin-right: 5px;
}

.slide li a {
width: 387px;
height: 300px;
display: block;
}

#news-wrapper {
float: left;
width: 500px;
height: 100%;
}

.news-item {
width: 500px;
padding: 5px;
border-bottom: 1px solid #ccc;
}

#news-links {
float: right;
width: 250px;
}

/********** Junckers cat *********/

#junckers-cat-content {
float: left;
width: 550px;

}

#junckers-cat-right {
float: right;
width: 200px;
height: 300px;
border-left: 1px solid #ccc;
margin: 5px 0px 5px 0px;
padding: 5px;
}

#junckers-cat-right h2 {
font-size: 14px;
color: #525252;
border-bottom: 1px solid #ccc;
}

.junckers-right-head {
margin: 0px 0px 10px 0px;
}

#junckers-cat-right ul {
list-style: none;
list-style-position: outside;
margin: 10px 0px 10px 0px;
padding: 0;
}

#junckers-cat-right li {
list-style: none;
list-style-position: outside;
margin: 5px 0px 5px 0px;
padding: 5px 5px 5px 8px;
width: 183px;
height: 20px;
background: url('http://www.realoakfloors.co.uk/img/junckers/right-links.png') no-repeat;
}

#junckers-cat-right li:hover {
background: url('http://www.realoakfloors.co.uk/img/junckers/right-links-hover.png') no-repeat;
cursor: pointer;
}

.infiniteCarousel {
  width: 780px;
  height: 150px;
  position: relative;
  float: left;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0px 0px 20px 0px;
}

.infiniteCarousel .wrapper {
  width: 700px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 150px;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 1px solid #ccc;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 120px;
  width: 160px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 40px;
  width: 40px;
  background: url(http://www.realoakfloors.co.uk/img/junckers/arrow.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
  color: #ffffff;
}

.infiniteCarousel .back {
  background-position: 0 -40px;
  left: 0;
}

.parquetBlockL {
float:left;
margin:5px;
width:180px;
}

#hor-zebra {
text-align: left;
width: 550px;
color: #525252;
font-family: arial;
font-size: 12px;
}

#hor-zebra tr td {
padding: 5px;
}

#hor-zebra .odd {
background: #f4f4f4;
}

/*	REAL OAK FLOORS
**	Affiliate resource Stylesheet
**
**	This stylesheet styles the Affiliate pages
*/

#showroom{
display: block;
width: 770px;
height: 250px;
list-style: none;
margin: 0;
padding: 0;
}

#showroom li {
margin: 0;
padding: 0;
}

.doorCatContainerL{
float: left;
width: 180px;
margin: 5px;
}

.codeBox{
  height:36px;
  border-width:1px;
  border-style:solid;
  border-color:#ff9900;
  margin:none;
  padding:none;
  overflow:scroll;
}

xmp{
height:12px;
margin:0px;
padding:0px;
display:block;

}

/*	REAL OAK FLOORS
**	Attachments stylesheet
**
**	This stylesheet styles the file attachments list
**	featured on category and product pages.
**
**	The icons associated with the various attatchment
**	types are also defined here - more can be added by
**	define a new class using the file extension. If no
**	icon for a file type is defined here, it will use
**	the default defined in "li.attachment"
*/

.attachments
 {font-size: 10px;
  list-style: none;
  margin: 4px 0 16px 8px;
  padding: 0;}

.attachments li
 {margin-top: 10px;
  padding: 3px 0;}

.attachments li a
 {padding: 3px 0 3px 20px;
  margin: 0;}

.attachments li a.deleteAttachment
 {margin: 0;
  padding: 0;}

li.attachment
 {background: url("../img/attach/rof.gif") center left no-repeat;}

li.txt
 {background: url("../img/attach/txt.gif") center left no-repeat;}

li.pdf
 {background: url("../img/attach/pdf.gif") center left no-repeat;}

li.doc
 {background: url("../img/attach/doc.gif") center left no-repeat;}

li.ppt
 {background: url("../img/attach/ppt.gif") center left no-repeat;}

li.xls
 {background: url("../img/attach/xls.gif") center left no-repeat;}

li.avi, li.wmv, li.rm
 {background: url("../img/attach/vid.gif") center left no-repeat;}

li.mov
 {background: url("../img/attach/mov.gif") center left no-repeat;}

li.wav, li.mp3, li.wma
 {background: url("../img/attach/aud.gif") center left no-repeat;}

li.gif, li.jpg, li.jpeg, li.png
 {background: url("../img/attach/img.gif") center left no-repeat;}
 
 /*	REAL OAK FLOORS
**	Brand Manufacturer stylesheet
**
**	This replaces the text list at the bottom of
**	the page with images of each brand's logo and
**	putting it into a 616x40 block.
*/

.brandList
 {width: 922px;
  list-style: none;
  text-align: center;
  margin: auto auto 1em auto;
  float: left;
  padding: 0;}

.brandList img
 {float: right;}

.brandList ul
 {width: 796px;
  margin: 0 26px;}

.brandList li
 {
 float: left;
 opacity: 0.5;
 filter: alpha(opacity=50);}

.brandList li a
 {display: block;
  width: 94px;
  height: 20px;
  margin-right: 2px;
  line-height: 94px;
  text-indent: -32767px;
  overflow: hidden;}
  
/*** images for each brand manufacturer's logo (always use a 94x20 image) ***/

li.polyflor
 {background: url("../media/manufacturerlogos/94x20/polyflor.gif") top left no-repeat;}

li.quickstep
 {background: url("../media/manufacturerlogos/94x20/quickstep.gif") top left no-repeat;}

li.boen
 {background: url("../media/manufacturerlogos/94x20/boen.gif") top left no-repeat;}

li.flexel
 {background: url("../media/manufacturerlogos/94x20/flexel.gif") top left no-repeat;}

li.triptrap
 {background: url("../media/manufacturerlogos/94x20/triptrap.gif") top left no-repeat;}

li.envoy
 {background: url("../media/manufacturerlogos/94x20/envoy.gif") top left no-repeat;}

li.kahrs
 {background: url("../media/manufacturerlogos/94x20/kahrs.gif") top left no-repeat;}

li.bona
 {background: url("../media/manufacturerlogos/94x20/bona.gif") top left no-repeat;}

li.bostitch
 {background: url("../media/manufacturerlogos/94x20/bostitch.gif") top left no-repeat;}

li.junckers
 {background: url("../media/manufacturerlogos/94x20/junckers.gif") top left no-repeat;}

li.powernail
 {background: url("../media/manufacturerlogos/94x20/powernail.gif") top left no-repeat;}

li.osmo
 {background: url("../media/manufacturerlogos/94x20/osmo.gif") top left no-repeat;}
 
/*
 *
 * Google Checkout Styles
 *
*/
.googleCheckOutPop1{
background-color:#fff;
position: absolute; top: 100px; left: 100px;
display:none;
width:200px;
height:250px;
border-top: 1px solid #fc0;
border-right: 1px solid #fc0;
border-bottom: 1px solid #c60;
border-left: 1px solid #c60;
}
.googleCheckOutPop1Image{
background:url('../img/gcheckout/gcstep1.gif');
border-bottom: 1px solid #c60;
width:200px;
height:200px;
}

.googleCheckOutPop2{
background-color:#fff;
position: absolute; top: 100px; left: 100px;
display:none;
width:200px;
height:250px;
border-top: 1px solid #fc0;
border-right: 1px solid #fc0;
border-bottom: 1px solid #c60;
border-left: 1px solid #c60;
}
.googleCheckOutPop2Image{
background:url('../img/gcheckout/gcstep2.gif');
border-bottom: 1px solid #c60;
width:200px;
height:200px;
}

.googleCheckOutPop3{
background-color:#fff;
position: absolute; top: 100px; left: 100px;
display:none;
width:200px;
height:250px;
border-top: 1px solid #fc0;
border-right: 1px solid #fc0;
border-bottom: 1px solid #c60;
border-left: 1px solid #c60;
}
.googleCheckOutPop3Image{
background:url('../img/gcheckout/gcstep3.gif');
border-bottom: 1px solid #c60;
width:200px;
height:200px;
}

.googleCheckOutPop4{
background-color:#fff;
position: absolute; top: 100px; left: 100px;
display:none;
width:200px;
height:250px;
border-top: 1px solid #fc0;
border-right: 1px solid #fc0;
border-bottom: 1px solid #c60;
border-left: 1px solid #c60;
}
.googleCheckOutPop4Image{
background:url('../img/gcheckout/gcstep4.gif');
border-bottom: 1px solid #c60;
width:200px;
height:200px;
}

/*
 *
 * Home styles
 *
*/
.frontCatThumbGrid
{
	margin-left:2px;
}

.frontCatThumbBox
 {
  background-color:#FF9900;
  background:Url('../img/frontcatgrad.gif');
  float:left;
  width:142px;
  height:120px;
  margin-left:1px;
  margin-right:2px;
  margin-bottom:2px;
  text-align: left;
  background-color: #fff;
  color: #000;
  border-top: 1px solid #fc0;
  border-right: 1px solid #fc0;
  border-bottom: 1px solid #c60;
  border-left: 1px solid #c60;
  text-align:center;
 }
 
 
 .frontCatThumbBox img{
  margin-left:1px;
  margin-right:1px;
  margin-top:1px;
  margin-bottom:2px;
  border-bottom: 1px solid #c60;
  width:140px;
  height:93px;
 }


.frontCatThumbGrid a{
  background:none;
}

/*	REAL OAK FLOORS
**	Links Stylesheet
**
**	This stylesheet styles the links pages
*/

.linksTab{
text-align:center;
width:550px;
padding-left:20px;
padding-right:20px;


}

.linksTab a{
font-weight:bold;
}

.linksTabDetail{
width:550px;
padding-left:20px;
padding-right:20px;


}

.linksTabDetail a{
font-weight:bold;
}

/*	REAL OAK FLOORS
**	Oak flooring category Stylesheet
**
**	This stylesheet contains the style information for the
**	oak flooring category
*/

.oakCatContainerW{
margin:2px;
width:584px;
height:150px;
}

.oakCatContainerL{
float:left;
clear:left;
margin:5px 5px 5px 20px;
width:350px;
}

.oakCatContainer {
	display: block;
	width: 740px;
	margin: 10px 20px;
}

.oakCatContainerR{
float:left;
clear:right;
margin:5px;
width:350px;
}

.oakCatContainer span {
	display: block;
	height: 105px;
	margin: 0 0 15px 0;
}

.oakCatContainer span a img {
	display: block;
	float: left;
	margin: 0 10px;
}

.oakCategoryListNew ul{
list-style-type:circle;
}

.oakCategoryListNew li{
font-weight:bold;
}

.clear{
clear:both;
}

.oakListDiv{
float:left;
width:280px;
margin-left:45px;
margin-right:8px;
}

/*	REAL OAK FLOORS
**	Quick Links Stylesheet
**
**	This stylesheet styles the quick links that appear
**	on the top of the page layout. 
*/

#quickLinks
 {margin-bottom: 0em;}

#quickLinks:after
 {clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;}

ul.quickLinks
 {list-style: none;
  margin: 0;
  padding: 0 0 9px 0;
  width: 78em;
  height: 3em;
  line-height: 3.0em;
  background: url("../img/navi/s.gif") bottom right no-repeat transparent;}

.quickLinks li
 {font-family: Verdana, sans-serif;
  font-size: 1.0em;
  float: left;
  padding: 0;
  margin: 0;
  background: url("../img/navi/bg.gif") top left repeat-x #f80;}
  
.quickLinks li:hover
 {background: url("../img/navi/bh.gif") top left repeat-x #f91;}

.quickLinks li a
 {display: block;
  font-size: 1.0em;
  text-align: center;
  text-decoration: none;
  border-top: 1px solid #fc0;
  border-right: 1px solid #fc0;
  border-bottom: 1px solid #c60;
  border-left: 1px solid #c60;}
  
.quickLinks li a,
.quickLinks li a:hover,
.quickLinks li a:visited
 {cursor: pointer;
  color: #fff;
  background: transparent;}

#qlSolid a,
#qlLaminate a,
#qlTimber a
 {width: 10.6em;}

#qlEngineered a
 {width: 10.8em;}

#qlAccessories a
 {width: 9.1em;}

#qlDoors a
 {width: 8.5em;}

#qlSamples a
 {width: 9.0em;}

#qlTrade a
 {background: url("../img/navi/e.gif") bottom right no-repeat transparent;
  border-bottom: 0;
  border-right: 0;
  width: 7.3em;
  padding: 0 0 1px 0;}
  
/*css styling for rugs main page */

.rugThumbContainer{
float:left;
width:125px;
margin-right:10px;
border-style: solid;
border-width: 1px;
border-color: rgb(255, 204, 0);
margin-bottom: 3px;
background-color: #FFFF99;
}

.rugThumbContainerLarge{
float:left;
margin-right:10px;
border-style: solid;
border-width: 1px;
border-color: rgb(255, 204, 0);
margin-bottom: 3px;
padding-bottom: 11px;
background-color: #FFFF99;
}

/*.catContainer{
border: 1px solid;
border-color: orange;
}*/

/* footer */

#footerWrap {
	clear: both;
	display: block;
	padding: 15px 10px 0 10px;
	margin: 25px auto;
	width: 920px;
	height: 400px;
	background: url(http://www.realoakfloors.co.uk/img/footer_bg.png) 0 0 repeat-x;
	color: #000;
	text-align: left;
}

#footerWrap hr {
	display: block;
	clear: both;
	width: 920px;
	border: 1px 0 1px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #888;
}

/* footer links */

#homelinksWrap {
	display: block;
	clear: both;
	margin: 10px 0;
	width: 920px;
	height: 200px;
}

#homelinksWrap ul {
	display: block;
	float: left;
	margin: 0 2px;
	padding: 0;
	width: 98px;
	list-style: none;
}

#homelinksWrap ul h3 {
	display: block;
	height: 30px;
	margin: 3px 0;
	border-bottom: 1px solid #CCC;
	color: #333;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 13px;
	text-align: center;	
}

#homelinksWrap ul li {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

#homelinksWrap ul li a {
	margin: 0;
	padding: 0;
	font: 10px Arial, Helvetica, sans-serif;
}

/* footer links end */

/* feeds */

#feedsWrap {
	display: block;
	margin: 0;
	color: #333;
	width: 920px;
}

#tweets div span, #tweets div p, #blogs div span, #blogs div p {
	display: block;
}

.hov {
	background: ;
}

/* twitter feed styles */

#tweets {
	display: block;
	float: right;
	width: 230px;
}

#tweets h1 {
	margin: 5px 0;
	padding: 0 2px 0 0;
	background: #ffc773;
	color: #000;
	font: 20px Times New Roman, sans-serif;
	text-align: right;
	letter-spacing: -1px;
}

#tweets div {
	display: block;
	height: 80px;
	margin: 2px 0 0 0;
	font: 12px Arial, Helvetica, sans-serif;
}

#tweets div p {
	margin: 2px 5px;
}

#tweets div p a {
	color: #000;
	text-decoration: underline;
}

#tweets div span {
	color: #999;
	text-align: right;
}

/* blog feed styles */
#blogs {
	display: block;
	float: left;
	width: 685px;
}

#blogs h1 {
	margin: 5px 0;
	padding: 0 2px 0 0;
	background: #ffc773;
	color: #000;
	font: 20px Times New Roman, sans-serif;
	text-align: right;
	letter-spacing: -1px;
}

#blogs div {
	display: block;
	height: 80px;
	margin: 2px 0 0 0;
	font: 12px Arial, Helvetica, sans-serif;
}

#blogs div h2 {
	display: block;
	margin: 3px 0 0 0;
}

#blogs div h2 a {
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

#blogs div h2 a:hover {
	text-decoration: underline;
}

#blogs div p {
	margin: 2px 5px;
}

#blogs div p a {
	color: #000;
	text-decoration: underline;
}

#blogs div span {
	color: #999;
	text-align: right;
}

/* feeds end */

#footerInfo {
	display: block;
	width: 920px;
	font-size: 12px;
}

#footerInfo p {
	text-align: center;
	font: 10px Helvetica, Arial, sans-serif;
}

#copyright {
	display: block;
	width: 920px;
	font-size: 10px;
}

#copyright p {
	margin: 10px 0 0 0;
	text-align: center;
	font: 10px Helvetica, Arial, sans-serif;
}

#notLoggedIn {
	display: block;
	float: left;
	width: 350px;
	height: 425px;
	background: FFF7D5;
	border: 1px solid #FFCC66;
}

#notLoggedIn form * {
	display: block;
}



#notLoggedIn form input[type=text], #notLoggedIn form input[type=password] {
	width: 250px;
}

#newUser {
	margin-left: 10px;
	display: block;
	float: left;
	width: 400px;
	height: 425px;
	background: FFF7D5;
	border: 1px solid #FFCC66;
}


.checkoutFormWrap {
	display: block;
	float: left;
	margin: 8px;
	width: 240px;
	text-align: center;
	background: 
}

#usrDetailsWrap {
	display: block;
	float: right;
	margin: 8px;
	width: 230px;
}

#usrDetailsWrap form input {
	width: 230px;
}

#basketConfirmWrap {
	display: block;
	float: left;
	margin: 8px;
	width: 500px;
}

.itemConfirmWrap {
	background: #FFEBCA;
}

#checkoutOptions
{
	margin: 10px 20px;
	padding: 0;
	list-style: none;
}

#checkoutOptions li
{
	display: block;
	margin: 10px 0;
}

/* Finance application files */

#finance {
	width: 500px;
}

#finance fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#finance span {
	display: block;
	margin: 2px 0;
}

#finance span label {
	display: inline-block;
	width: 150px;
	vertical-align: top;
}

#finance input[type=text], #finance select, #finance input[type=submit], #finance textarea {
	border: 1px solid #CCC;
}

#finance span textarea {
	width: 300px;
	height: 100px;
	overflow: hidden;
}

#finance span input[type=text] {
	width: 300px;
}

#finance #dob span input[type=text] {
	width: 30px;
}

#finance span input[type=text]#i30 {
	width: 30px;
}

#w2p-confirm input[type=text], #w2p-confirm textarea {
	border: 0;
}

#w2p-confirm table tr td {
	vertical-align: top;
	font-size: 12px;
}

#w2p-confirm textarea {
	width: 300px;
	height: 100px;
	overflow: hidden;
	font: 12px Arial, Helvetica, sans-serif;
}

#w2p-confirm input[type=text] {
	width: 300px;
}