﻿/* Layout */
html, body, div, p, ul, li, img, form, fieldset, input, textarea, select, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}

body {background-color: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; text-align: center;}
.centre {width: 955px; margin: 0 auto; background-color: #fff; text-align: left; margin-top: 10px;}
.container {float: left; width: 955px; height: 538px; background-color: #fff; color: #000; padding-top: 20px;}

.rightCol {float: right; width: 350px;}
h1 {float: left; background: url(../images/larsen_logo.gif) no-repeat -12px 0; width: 350px; height: 44px;}
h1 span {display: none;}

.navigation {float: right; text-transform: uppercase; list-style-type: none; padding: 50px 200px 0 0;}
.navigation li {margin-bottom: 10px;}
.navigation a {text-decoration: none; color: #000;}
.navigation a:hover {text-decoration: underline;}

.saleBanner {float: left; margin-top: 50px; margin-left: 50px; display: inline;}
.saleDetails {float: left; width: 220px; margin-top: 50px; margin-left: 50px; padding-right: 20px; font-size: 0.85em; display: inline;}
.saleDetails p, .saleDetails address {margin-bottom: 1em;}
.saleDetails address {font-style: normal;}

.content {float: left; width: 590px; height: 538px; font-size: 0.9em; overflow: hidden;}
.content img {display: block;} /*ie6 whitespace bug*/

/* Footer - kept outside div.container so that site can expand without pushing this over the edge */
.footer {float: left; width: 949px; padding: 3px; background-color: #fff; color: #000; font-size: 0.7em;}
.footer .otherSites {float: left; width: 590px;}
.footer .otherSites p {float: left; width: 130px;}
.footer .otherSites ul {float: left; width: 460px; list-style-type: none;}
.footer .otherSites li {display: inline;}
.footer .copyright {float: right; margin-top: 1em;}
.footer a {text-decoration: none; color: #000;}
.footer a.red {color: #800000;}
.footer a:hover {text-decoration: underline;}

/* General page styles */
.content h2 {height: 29px; background-repeat: no-repeat; background-position: 14px bottom; padding-top: 100px; margin-bottom: 60px;}
.content h2 span {display: none;}
.content h3 {font-size: 1.1em; font-weight: bold; margin-left: 15px; padding-bottom: 0.4em;}
.content a {color: #000; font-weight: bold; text-decoration: none;}
.content a:hover {color: #fff; text-decoration: underline;}
.content p {margin-bottom: 1em;}

.smallCol {width: 170px; height: 330px; float: left; padding-left: 15px; padding-top: 4px;}
.largeCol {width: 375px; height: 330px; float: left; padding-left: 15px; padding-top: 4px;}
.smallCol img {width: 166px; height: 291px; border: 2px solid #fff;}
.largeCol img {width: 371px; height: 291px; border: 2px solid #fff;}

/* Specific page styles */
.pgCollections {background-color: #797979; color: #fff;}
.pgCollections div {float: left; width: 100%;}
.pgCollections h2 {background-image: url(../images/collections.gif);}
.pgCollections p {margin: 0 15px 1.5em 15px;}
.pgCollections a.thumb {float: left; margin: 29px 0 0 15px;}
.pgCollections a.thumb:hover {color: #fff; text-decoration: underline;}
.pgCollections a.thumb img {border: 2px solid #fff; width: 170px; height: 131px;}
.pgCollections a.thumb:hover img {border-color: #eee;}

.pgCollections09 {background-color: #797979; padding-left: 15px;}
.pgCollections09 h2 {background-image: url(../collections/2009/images/CF036_larsen_headers.gif); margin-bottom: 15px; background-position: -1px bottom;}

.pgCollections08 {background-color: #797979;}
.pgCollections08 h2 {background-image: url(../images/header_08.gif);}

.pgCollections08_2 {background-color: #797979;}
.pgCollections08_2 h2 {background-image: url(../images/header_08.gif);}

.pgCollections08_3 {background-color: #797979;}
.pgCollections08_3 h2 {background-image: url(../images/header_08.gif);}

.pgCollections08_4 {background-color: #797979;}
.pgCollections08_4 h2 {background-image: url(../images/header_08.gif);}

.pgCollections07 {background-color: #797979;}
.pgCollections07 h2 {background-image: url(../images/header_07.gif);}

.pgCollections07_2 {background-color: #797979;}
.pgCollections07_2 h2 {background-image: url(../images/header_07.gif);}

.pgCollections07_3 {background-color: #797979;}
.pgCollections07_3 h2 {background-image: url(../images/header_07.gif);}

.pgCollections07_4 {background-color: #797979;}
.pgCollections07_4 h2 {background-image: url(../images/header_07.gif);}

.pgCollections06 {background-color: #797979;}
.pgCollections06 h2 {background-image: url(../images/header_06.gif);}

.pgCollections06_2 {background-color: #797979;}
.pgCollections06_2 h2 {background-image: url(../images/header_06.gif);}

.pgCollections06_3 {background-color: #797979;}
.pgCollections06_3 h2 {background-image: url(../images/header_06.gif);}

.pgCollections06_4 {background-color: #797979;}
.pgCollections06_4 h2 {background-image: url(../images/header_06.gif);}

.pgWallpaper {background-color: #797979; color: #fff;}
.pgWallpaper div {float: left; width: 100%;}
.pgWallpaper h2 {background-image: url(../images/wallpapers_header.gif);}
.pgWallpaper p {margin: 0 15px 1.5em 15px;}
.pgWallpaper a.thumb {float: left; margin: 29px 0 0 15px;}
.pgWallpaper a.thumb:hover {color: #fff; text-decoration: underline;}
.pgWallpaper a.thumb img {border: 2px solid #fff; width: 170px; height: 131px;}
.pgWallpaper a.thumb:hover img {border-color: #eee;}

.pgWallpaper08 {background-color: #797979;}
.pgWallpaper08 h2 {background-image: url(../images/wallheader_08.gif);}

.pgWallpaper08_2 {background-color: #797979;}
.pgWallpaper08_2 h2 {background-image: url(../images/wallheader_08.gif);}

.pgWallpaper08_3 {background-color: #797979;}
.pgWallpaper08_3 h2 {background-image: url(../images/wallheader_08.gif);}

.pgWallpaper08_4 {background-color: #797979;}
.pgWallpaper08_4 h2 {background-image: url(../images/wallheader_08.gif);}

.pgWallpaper08_5 {background-color: #797979;}
.pgWallpaper08_5 h2 {background-image: url(../images/wallheader_08.gif);}

.pgWallpaper08_6 {background-color: #797979;}
.pgWallpaper08_6 h2 {background-image: url(../images/wallheader_08.gif);}

.pgWallpaper07 {background-color: #797979;}
.pgWallpaper07 h2 {background-image: url(../images/wallheader_07.gif);}

.pgWallpaper07_2 {background-color: #797979;}
.pgWallpaper07_2 h2 {background-image: url(../images/wallheader_07.gif);}

.pgWallpaper07_3 {background-color: #797979;}
.pgWallpaper07_3 h2 {background-image: url(../images/wallheader_07.gif);}

.pgWallpaper07_4 {background-color: #797979;}
.pgWallpaper07_4 h2 {background-image: url(../images/wallheader_07.gif);}

.pgWallpaper07_5 {background-color: #797979;}
.pgWallpaper07_5 h2 {background-image: url(../images/wallheader_07.gif);}

.pgWallpaper07_6 {background-color: #797979;}
.pgWallpaper07_6 h2 {background-image: url(../images/wallheader_07.gif);}

.pgContact {background-color: #797979; color: #fff;}
.pgContact h2 {background-image: url(../images/contact_us.gif);}
.pgContact address {float: left; width: 270px; padding-left: 15px; font-style: normal; font-size: 0.9em; margin-bottom: 1em;}
.pgContact p {padding-left: 15px;}
.pgStockists .clearingRow {float: left; width: 550px;}

.pgShowrooms {background-color: #797979; color: #fff;}
.pgShowrooms h2 {background-image: url(../images/contact_us.gif);}
.pgShowrooms address {float: left; width: 180px; padding-left: 15px; font-style: normal; font-size: 0.9em; margin-bottom: 1em;}
.pgShowrooms p {padding-left: 15px;}

/*----- Stockists ---------*/
.pgStockists {background-color: #797979; color: #fff;}
.pgStockists h2 {background-image: url(../images/stockist.gif);}
.pgStockists fieldset {float: left; width: 100%; border: 0;}
.pgStockists fieldset div {float: left; width: 500px; padding-left: 15px; padding-bottom: 10px;}
.pgStockists fieldset p {float: left; width: 135px; color: #fff; margin: 0;}
.pgStockists select {float: left;}
.pgStockists fieldset select {float: left;}
.pgStockists h3 {float: left; width: 400px; font-size: 1.3em;  padding-left: 15px;}
.pgStockists h3 span {font-size: 0.8em; color: #fff; font-weight: normal;}
.pgStockists p.nearestStockist {float: left; font-size: 0.85em; color: #fff; width: 550px;}
.pgStockists .stockists {float: left; margin-top: 10px; height: 220px; padding-left: 15px;}
.pgStockists .stockists address {display: block; float: left; width: 180px; margin: 0 10px 10px 0; font-style: normal; font-size: 0.85em; color: #fff;}
.pgStockists .clearingRow {float: left; width: 550px;}
.pgStockists .paging {float: left; padding: 0 10px; width: 570px;}
.pgStockists .paging .prev {float: left;}
.pgStockists .paging .next {float: right;}
/*-------------------------*/






.theImage
{
  position: absolute;
  z-index: 1;
}

.rollover_big
{
  float: left; 
  position: relative;
  bottom: 299px;
  right: 18px;
}

.rollover_small
{
  float: left;
  position: relative;
  bottom: 299px;
  right: 19px;
}

a.info 
{
  display: none;
  float: left;
  color: #647028;
  text-decoration: none;
  margin-top: 10px;
}

.theImage:hover a.info 
{
  display: block;
}

a.info .cfm 
{
  display: none;
  float: left;
  background-color: #fff;
  padding: 1px 20px 1px;
  opacity: .85;
  filter:alpha(opacity=85);
  margin-right: 20px;
  cursor: pointer;
}

a.info .icon 
{
  display: block;
  height: 15px;
  float: left;
  width: 25px;
  padding: 10px 0px; 
  margin-left: 14px;
  background: url('/images/icon_WALLPAPER_15x15.gif') no-repeat 100% 0;
  cursor: pointer;
}

a.info:active, a.info:focus
{
  outline: none;
}

a.info:hover .cfm 
{
  display: block;
  height: 13px;
  padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  padding-right: 5px;
  padding-left: 5px;
}

.pager
{
  margin-top: 299px;
}

.pgImgDetails {background-color: #797979; color: #fff;}
.pgImgDetails h2 {background-image: url(../images/image_detail.gif); padding-top: 12px; margin-bottom: 20px;}
.pgImgDetails .mainImage {float: left; display: inline; margin-left: 13px; width: 371px; height: 291px;}
.imgInfo {float: left; width: 182px; margin-left: 12px;}

.imgMap {float: left; position: relative; left: 13px; height: 291px; width: 371px; margin-top: -291px; margin-bottom: 23px; list-style-type: none;}
.imgMap li {float: left; border: 1px solid #fff; position: absolute; padding: 1px; opacity: 0.9; filter:alpha(opacity=90);}
.imgMap li:hover {opacity: 1; filter:alpha(opacity=100);}
.imgMap li a {display: block; float: left; border: 1px solid #797979; background: url(../images/spacer.gif); cursor: default;}

.hidden {display: none;}
.imageDetails, .imageDetails * {margin: 0; padding: 0;}
.imageDetails {float: left; display: inline; width: 400px; margin-left: 13px; margin-top: -85px;}
.imageDetails img {float: left; height: 90px; width: 90px;}
.imageDetails h3 {float: left; width: 300px; margin-left: 10px;}
.imageDetails p {float: left; width: 300px; margin-left: 10px; color: #000;}

/*.backlink {position: relative; top: 136px; left: -356px; color: #000; font-weight: bold; text-decoration: none;}*/
.backlink {float: left; margin-top: 100px; height: 20px; margin-bottom: -20px; position: relative; left: -355px; top: 50px;}