body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.8em;
  margin: 0;}
div#pageFrame{
  width: 77em;
  margin: 1em auto;}

.clearFix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
visibility: hidden;}
.clearFix {display: inline-block;}
* html .clearFix {height: 1%;}
.clearFix {display: block;}

h1, h2, h3, p {margin-top: 0;}
ul.noStyle {list-style: none;}

a {color: #9A0000;}
a:hover {color: #666;}

.hidden {display: none;}

/***********************************
Header
***********************************/

p#siteTitle a {
  text-indent: -5000px;
  margin: 0;
  display: block;
  width: 287px;
  height: 118px;
  float: left;
  background: transparent url(http://bishopsbeds.co.uk/style/images/logo.gif) no-repeat 0 0;}
p#siteTagline {
  display: none;}

p#doctorHeader a,
p#deliveryHeader a {
  text-indent: -5000px;
  margin: 0;
  display: block;
  width: 225px;
  height: 118px;
  float: right;
  background: transparent url(http://bishopsbeds.co.uk/style/images/doctorHeader.jpg) no-repeat 0 0;}
p#deliveryHeader a {
  background: transparent url(http://bishopsbeds.co.uk/style/images/deliveryHeader.jpg) no-repeat 0 0;}
 
/***********************************
Main Menu
***********************************/

#mainMenuWrap {
  background: #78BA7B url(http://bishopsbeds.co.uk/style/images/mainMenuBg.png) repeat-x bottom left;}
ul#mainMenu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: right;}
ul#mainMenu li {
  float: left;}
ul#mainMenu li a {
  display: block;
  margin-right: 5px;
  padding: 5px;
  padding-right: 19px;
  background: url(http://bishopsbeds.co.uk/style/images/mainMenuArrow1.png) no-repeat 100% 50%;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;}
ul#mainMenu li a:hover {
  background: url(http://bishopsbeds.co.uk/style/images/mainMenuArrow2.png) no-repeat 100% 50%;}
 
/***********************************
Breadcrumbs
***********************************/

p#breadcrumbs {
  margin: 0.5em 0 1em 0;
  border-bottom: 1px dotted #666;
  padding-bottom: 0.5em;
  background: transparent url(http://bishopsbeds.co.uk/style/images/telephone.gif) no-repeat 100% 50%;}

/***********************************
threeColumn
***********************************/

.threeColumnOuter .threeColumnInner {
  width: 100%;
  float: left;
  margin-right: -16em;}
.threeColumnOuter .threeColumnInner .twoColumnOuter {
  margin-right: 16em;}
.threeColumnOuter .twoColumnInner {
  width: 100%;
  float: right;
  margin-left: -16em;}
.threeColumnOuter .column1 {
  width: 15em;
  float: left;
  display: inline;}
.threeColumnOuter .twoColumnInner .column2 {
  margin-left: 16em;}
.threeColumnOuter .column3 {
  width: 15em;
  float: right;
  display: inline;}

/***********************************
Shop
***********************************/

ul#shopCategoryMenu {
  list-style: none;
  margin: 0;
  padding-left: 0;
  border: 1px solid #666;
  border-bottom-width: 0;}
ul#shopCategoryMenu ul {
  list-style: none;
  margin: 0;
  padding-left: 0;}
ul#shopCategoryMenu li {
  display: inline;}
ul#shopCategoryMenu li a {
  display: block;
  padding: 0.3em;
  color: #000;
  text-decoration: none;
  background: #FFF url(http://bishopsbeds.co.uk/style/images/shopMenuBg.png) repeat-x bottom left;
  border-bottom: 1px solid #666;
  font-weight: bold;}
ul#shopCategoryMenu li a:hover {
  color: #9A0000;}
ul#shopCategoryMenu li li a {
  background: transparent url(http://bishopsbeds.co.uk/style/images/shopCategoryMenuArrow1.gif) no-repeat 0% 50%;
  padding-left: 13px;
  color: #000;
  font-weight: normal;}
ul#shopCategoryMenu li li a:hover {
  color: #9A0000;}

div#productFiltersWrap {
  border: 1px solid #EEE;
  padding: 0.5em;
  margin-bottom: 0.5em;}
div.productFilter {
  float: left;
  margin-right: 0.5em;
  min-width: 12em;}
div.productFilter p {
  font-size: 0.85em;
  margin-bottom: 0.5em;
  background: #EEE;
  border: 1px solid #CCC;
  padding: 0.3em;}
div.productFilter ul {
  margin: 0.5em 0;
  font-size: 0.85em;
  padding-left: 0;}
div.productFilter ul li {
  margin-left: 0;
  padding-left: 0;}
div#productFiltersWrap p.submit {
  margin-bottom: 0;}

div#productList div.productListItem {
  border-bottom: 1px solid #EEE;
  margin-bottom: 0.5em;}
div#productList div.productListItem p.title {
  background: #EEE;
  border: 1px solid #CCC;}
div#productList div.productListItem p.title a {
  display: block;
  padding: 0.3em;}
div#productList div.productListItem img {
  float: left;}
div#productList div.productListItem p.summary {
  font-size: 0.9em;
  color: #666;}
div#productList div.productListItem.image p.summary, 
div#productList div.productListItem.image p.price {
  margin-left: 100px;}

div#productDetail div.images {
  border: 1px dotted #CCC;
  border-width: 1px 0;
  padding: 0.5em 0;
  text-align: center;
  margin-bottom: 1em;}
div#productDetail div.images img {
  border: 1px solid #CCC;}
div#productDetail div.images div img {
  margin: 0 0.3em;}

div#productDetail #purchaseOptions dl {
  float: left;
  margin-right: 1.5em;}
div#productDetail #purchaseOptions p#showPriceTotalLabel {
  font-weight: bold;
  color: #9A0000;}
div#productDetail #purchaseOptions p#showPriceTotalLabel span {
  font-size: 2.5em;}

* html #shopCartAdd dt {
  margin-right: -3px;
  } 

* html #shopCartAdd dd {
  height: 1px;
  }

div#shopManufacturerLogos {
  padding: 0.5em;
  border: 1px solid #666;}
div#shopManufacturerLogos div a {
  display: block;
  text-align: center;
  margin-bottom: 0.75em;
  padding: 0.5em;}

#shopCartContent table,
#shopCartSummary table {
  width: 100%;}
#shopCartContent table th,
#shopCartContent table td,
#shopCartSummary table th,
#shopCartSummary table td {
  vertical-align: top;}

#productSearchForm {
  border: 1px solid #666;
  padding: 0.5em;
  background: #FFF url(http://bishopsbeds.co.uk/style/images/boxGreenBgMedium.png) repeat-x bottom left;
  margin-bottom: 1em;}
#productSearchForm p {
  margin: 0;}
#productSearchForm p.search {
  margin-bottom: 0.5em;}
#productSearchForm p.search input {
  width: 98%;}
#productSearchForm p.title {
  display: none}
#productSearchForm p.submit,
#productSearchForm p.help {
  width: 49%;}
#productSearchForm p.submit {
  float: left;}
#productSearchForm p.help {
  float: right;
  text-align: right;
  font-size: 0.7em;}

.salePrice {
  color: #F00;
  font-weight: bold;}

#shopCartOverview {
  border: 1px solid #666;
  padding: 0.5em;
  background: #FFF url(http://bishopsbeds.co.uk/style/images/boxGreenBgMedium.png) repeat-x bottom left;
  margin-bottom: 1em;}
#shopCartOverview p,
#shopCartOverview dl {
  margin: 0 0 0 45px;}
#shopCartOverview dl dt {
  float: left;
  width: 4em;}
#shopCartOverview dl dd {
  margin-left: 4em;}
#shopCartOverview p {
  margin-bottom: 0;}
#shopCartOverview p.title {
  text-indent: -5000px;
  float: left;
  width: 36px;
  height: 38px;
  background: transparent url(http://bishopsbeds.co.uk/style/images/shopCartOverviewBasket.png) no-repeat top left;
  margin-left: 0;}

.shopOffer{
  margin-bottom: 1em;}
.shopOffer img {
  float: right;
  border: 1px solid #FFF;
  margin-left: 5px;}
.shopOffer p {
  text-align: center;
  color: #FFF;
  line-height: 1.5em;
  font-size: 0.9em;}
.shopOffer p.title {
  font-size: 1.3em;}
.shopOffer p a {
  color: #FFF;}

.shopFeatureWrap.columns3 .column {
  float: left;
  width: 33.3%;}
.shopFeatureWrap.columns3 .column .columnInner {
  margin: 0 5px;
  border: 1px solid #666;
  background: transparent url(http://bishopsbeds.co.uk/style/images/boxGreyBgMedium.png) repeat-x bottom left;}
.shopFeatureWrap.columns3 .column.first .columnInner {
  margin-left: 0;}
.shopFeatureWrap.columns3 .column.last .columnInner {
  margin-right: 0;}

.shopFeatureWrap.columns3 .column .columnInner p.title {
  padding: 3px;
  margin-bottom: 0;
  color: #9A0000;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid #666;
  background: transparent url(http://bishopsbeds.co.uk/style/images/boxGreyBgSmall.png) repeat-x bottom left;}
.shopFeatureWrap.columns3 .column .columnInner p.moreLink {
  padding: 3px;
  margin-bottom: 0;}

.shopFeatureWrap.columns3 .column .cell {
  padding: 3px;}
.shopFeatureWrap.columns3 .column .cell img {
  float: left;
  border: 1px solid #CCC;}
.shopFeatureWrap.columns3 .column .cell p {
  margin-bottom: 0.5em;
  margin-left: 87px;
  font-size: 0.8em;}
.shopFeatureWrap.columns3 .column .cell p.name {
  font-weight: bold;}
.shopFeatureWrap.columns3 .column .cell a {
  text-decoration: none;}

.shopRelatedProducts .boxInner {
  border: 1px solid #666;
  background: transparent url(http://bishopsbeds.co.uk/style/images/boxGreyBgMedium.png) repeat-x bottom left;}
.shopRelatedProducts .boxInner p.title {
  padding: 3px;
  margin-bottom: 0;
  color: #9A0000;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid #666;
  background: transparent url(http://bishopsbeds.co.uk/style/images/boxGreyBgSmall.png) repeat-x bottom left;}
.shopRelatedProducts .boxInner .cell {
  float: left;
  width: 33.3%;}
.shopRelatedProducts .boxInner .cell .inner {
  padding: 3px;}
.shopRelatedProducts .boxInner .cell img {
  float: left;
  border: 1px solid #CCC;}
.shopRelatedProducts .boxInner .cell p {
  margin-bottom: 0.5em;
  margin-left: 87px;
  font-size: 0.8em;}
.shopRelatedProducts .boxInner .cell p.name {
  font-weight: bold;}
.shopRelatedProducts .boxInner .cell a {
  text-decoration: none;}

/***********************************
articles
***********************************/

dl.articlesFeature {margin-top: 0;}
dl.articles dd,
dl.directory dd,
dl.articlesFeature dd {
  margin: 0.5em 0 1em 0;}
dl.articles dd span.published,
dl.directory dd span.published,
dl.articlesFeature dd span.published {
  color: #AAA;}

a.commentPost,
a.complaint,
a.rssFeed {
  padding: 3px 0 3px 20px;
  background: transparent url(http://bishopsbeds.co.uk/style/images/comment.png) no-repeat 0 50%;}
a.complaint {
  background: transparent url(http://bishopsbeds.co.uk/style/images/alert.png) no-repeat 0 50%;}
a.rssFeed {
  background: transparent url(http://bishopsbeds.co.uk/style/images/rssFeed.gif) no-repeat 0 50%;}


/***********************************
Page Navigation
***********************************/

p.pageNav {
  text-align: center;
  font-size: 0.8em;
  padding: 0.3em;
  border: 1px solid #CCC;}
p.pageNav a {border-bottom: 0;}

/***********************************
FAQ
***********************************/

dl.faqList dt {font-weight: bold;}
dl.faqList dd {margin: 0.3em 0 0.3em 1.5em;}

/***********************************
footer
***********************************/

#pageFooter {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px dotted #666;}
p.footerLinks {
  text-align: center;
  color: #CCC;
  font-size: 0.8em;}

/***********************************
.box.shopOffer 
***********************************/

.box.shopOffer .top {background-color: #CE0000;}
.box.shopOffer .top div,
.box.shopOffer .bottom div {
  height: 5px;
  overflow: hidden;}
.box.shopOffer .top .left {background: transparent url(http://bishopsbeds.co.uk/style/images/boxTopLeft.png) no-repeat top left;}
.box.shopOffer .top .right {background: transparent url(http://bishopsbeds.co.uk/style/images/boxTopRight.png) no-repeat top right;}
.box.shopOffer .boxHeader {background: transparent url(http://webbedit.co.uk/style/images/boxFooterHeaderBg.png) repeat-x bottom left;}
.box.shopOffer .content {
  background: transparent url(http://bishopsbeds.co.uk/style/images/boxContent.png) repeat-x bottom left;
  padding: 0 5px;}
.box.shopOffer .bottom {background-color: #9A0000;}
.box.shopOffer .bottom .left {background: transparent  url(http://bishopsbeds.co.uk/style/images/boxBottomLeft.png) no-repeat top left;}
.box.shopOffer .bottom .right {background: transparent  url(http://bishopsbeds.co.uk/style/images/boxBottomRight.png) no-repeat top right;}

/***********************************
terms
***********************************/

ol.terms {font-weight: bold;}
ol.terms ol {
  font-weight: normal;
  list-style: lower-alpha;}
ol.terms ol ol {list-style: lower-roman;}

/***********************************
Global
***********************************/

dl.floatSmall dt {
  clear: left;
  float: left;
  width: 5em;}
dl.floatSmall dd {
  margin-left: 5em; 
  margin-bottom: 0.3em}
 
dl.floatMedium dt {
  clear: left;
  float: left; 
  width: 14em;}
dl.floatMedium dd {
  margin-left: 14em; 
  margin-bottom: 0.3em}

.alignLeft {
  text-align: left;}
.alignRight {
  text-align: right;}
.alignCenter {
  text-align: center;}

a img {border: 0;}

table.list {width: 100%;}

.error {color: #F00;}