/* DEBUG: remove for accessibility? */
* {
  outline: none;
}

/* fixes reset-min background take-over */
html {
  background: none;
}

/* site-wide styles */

body {
  background: url("../images/pattern-repeating-bg.jpg") repeat #e2ddd0;
  font-family: Georgia, sans-serif;
  font-size: 14px;
  color: #333;
}

.clear {
  clear: both;
}

.clear-left {
	clear: left;
}

.headwrap, .contentwrap, .loginwrap {
  width: auto;
  text-align: center;
}

.contentwrap {
  margin-bottom: 25px;
}

/* header-box specific styles */

.headwrap {
  background: url("../images/wood-repeating-bg.jpg") repeat transparent;
  min-width: 980px;
}


.header, .content {
  text-align: left;
  width: 970px;
  margin: 0 auto;
}

.content {
  position: relative;
}

.header {
  min-height: 180px;
  height: auto !important;
  height: 180px;
  position: relative;
}

.header .logo, .header .details, .header .nav, .header .subnav, .header .nav ul li a .arrow {
  position: absolute;
}

.header .logo {
  top: 20px;
  left: 0;
  width: 159px;
  height: 136px;
}

.header .details {
  top: 40px;
  right: 160px;
  color: #000;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

.header .details a img {
  margin: -1px 5px;
}

/* navigation styles (still in header subsection) */


.header .nav, .header .subnav {
  width: 801px;
}

.header .nav {
  right: -3px;
  top: 55px;
  height: 55px;
  background: url("../images/navbg.png") no-repeat top left transparent;
}

.header .nav ul, .header .subnav ul  {
  margin: 10px 0 0 10px;
  padding: 0;
}

.header .nav ul li, .header .subnav ul li, .topbox .nav ul li {
  overflow: hidden;
  list-style: none;
  display: block;
  float: left;
}

.header .nav ul li {
  background: url(../images/navbg.png) no-repeat 100px 100px;
}

.header .nav ul li a, .header .subnav ul li a {
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  float: left;
  display: block;
  width: 100px;
  height: 36px;
  text-align: center;
  line-height: 3;
  text-indent: -99999px;
  background: no-repeat center center transparent;
}

.header .nav ul li.selected a, .header .nav ul li.selected a:hover, .header .subnav ul li.selected a, .header .subnav ul li.selected a:hover  {
  opacity: 1;
  filter: alpha(opacity = 100);
}

.header .nav ul li a:hover, .header .subnav ul li a:hover {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}
.header .nav ul li a .arrow, .header .subnav ul li a .arrow {
  top: 0;
  left: 0;
  display:none;
  width: 100px;
  height: 36px;
  background: url(../images/nav-selected-arrow.png) no-repeat center 29px transparent;
}

.header .subnav ul li a .arrow {
  height: 35px;
  background-position: center 26px;
}

.header .nav ul li.selected {
  background-position: -9px -66px !important;
}
.header .nav ul li.selected a .arrow{
  display:block;
}

/* specific nav-type styles for each navigation button */

.header .nav ul li#home a, .header .nav ul li#home, .header .nav ul li#home a .arrow {
  width: 85px;
}

.header .nav ul li#home a {
  background-image: url(../images/nav-btn-home.png);
}

.header .nav ul li#products, .header .nav ul li#products a, .header .nav ul li#products a .arrow {
  width: 130px;
}

.header .nav ul li#products a {
  background-image: url(../images/nav-btn-products.png);
}

.header .nav ul li#store a {
  background-image: url(../images/nav-btn-store.png);
  width: 85px;
}

.header .nav ul li#stock a {
  background-image: url(../images/nav-btn-stock.png);
  width: 85px;
}

.header .nav ul li#store a .arrow {
	width: 85px;
}

.header .nav ul li#stock a .arrow {
	width: 85px;
}

.header .nav ul li#resources, .header .nav ul li#resources a, .header .nav ul li#resources a  .arrow {
  width: 130px;
}

.header .nav ul li#resources a {
  background-image: url(../images/nav-btn-resources.png);
}

.header .nav ul li#vermeister, .header .nav ul li#vermeister a, .header .nav ul li#vermeister a  .arrow {
  width: 130px;
}

.header .nav ul li#vermeister a {
  background-image: url(../images/nav-btn-vermeister.png);
}


.header .nav ul li#contact, .header .nav ul li#contact a, .header .nav ul li#contact a .arrow {
  width: 120px;
}

.header .nav ul li#contact a {
  background-image: url(../images/nav-btn-contact.png);
}

.header .nav ul li#login, .header .nav ul li#login a, .header .nav ul li#login a .arrow {
  width: 100px;
}

.header .nav ul li#login a {
  background-image: url(../images/nav-btn-login.png);
}

.header .nav ul li#myaccount, .header .nav ul li#myaccount a, .header .nav ul li#myaccount a .arrow {
  width: 160px;
}

.header .nav ul li#myaccount #logout-btn {
  position: absolute;
  top: 20px;
  right: 70px;
  text-indent: -99999px;
  background: url(../images/nav-btn-logout.png) no-repeat top left transparent;
  display: block;
  height: 17px;
  width: 17px;
}

.header .nav ul li#myaccount a {
  background: url(../images/nav-btn-account.png) no-repeat 25px center transparent;
}


.header .nav ul li#search a {
  background-image: url(../images/nav-btn-search.png);
}

.header .nav ul li#search, .header .nav ul li#search a {
  width: 85px;
}

.header .subnav #searchbox-bg {
  margin: 15px 15px 0 0;
  float: right;
  width: 175px !important;
  width: 245px;
  padding-top: 2px;
  height: 21px;
  padding-left: 70px;
  background: url(../images/nav-search-bg.png) no-repeat top left transparent;
}

.header .subnav #searchbox-bg input {
  background: none;
  border: 0;
  font-family: Verdana, sans-serif;
  font-size: 14px;
  color: #fff;
  width: 165px;
}


/* login box specific styles */

#loginbox #remember-me {
  position: absolute;
  bottom: 18px;
  left: 20px;
}

#loginbox label {
  position: absolute;
  bottom: 17px;
  left: 40px;
}

.loginwrap {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-width: 970px;
}

.logincontainer {
  position: relative;
  width: 970px;
  margin: 0 auto;
}

#loginbox {
  display: none;
  text-align: left;
  position: absolute;
  top: 88px;
  right: -4px;
  width: 261px !important;
  width: 282px;
  height: 93px !important;
  height: 125px;
  padding-top: 32px;
  padding-left: 21px;
  background: url(../images/nav-login-bg.png) no-repeat top left transparent;
  color: #fff;
  /*font-family: Verdana, sans-serif;*/
  font-size: 13px;
}

#loginbox  a {
  color: #fff;
  text-decoration: underline;
}

#loginbox a#register-now-btn {
  position: absolute;
  right: 20px;
  bottom: 17px;
}

#loginbox input[type="text"], #loginbox input[type="password"] {
  border: 0;
  display: block;
  padding: 0px 5px 0 5px;
  width: 170px !important;
  height: 26px !important;
  width: 180px;
  height: 25px;
  background: transparent;
  font-size: 13px;
 /* font-family: Verdana, sans-serif;*/
  color: #000;
}

#loginbox input[type="image"] {
  border: 0;
  float: right;
  margin-right: 21px;
}

#loginbox .input-bg {
  background: url(../images/nav-login-input.png) no-repeat top left transparent;
}


/* login page specific styles */

.content .login-page p,
.content .login-page a {
  font-size: 14px;
}

.content .login-page form li {
  padding: 3px 0 3px 0;
  font-size: 14px;
}

.content .login-page form label {
  width: 120px;
  display: inline-block;
  font-size: 14px;
}

.content .login-page form input {
  border: 0 none;
  padding: 5px;
  width: 215px;
}

.content .login-page form input[type="image"] {
  width: 49px;
  height: 54px;
}

.content .login-page form .submit {
  margin: 0 0 0 251px;
}


/* sub-navigation specific styles */

.header .subnav {
  color: #fff;
  right: -2px;
  top: 91px;
  height: 51px;
  background: url(../images/subnav-bg-full.png) no-repeat top left transparent;
}

.header .subnav ul li a:hover b {
  color: #99897f;
}

.header .subnav ul li a{
  height: 35px;
}

.header .subnav ul li#s-browseproducts a {
  background-image: url(../images/subnav/btn-browseproducts.png);
}

.header .subnav ul li#s-blog a {
  background-image: url(../images/subnav/btn-blog.png);
}

.header .subnav ul li#s-blog,
.header .subnav ul li#s-blog a,
.header .subnav ul li#s-blog a .arrow {
  width: 90px;
}

.header .subnav ul li#s-video a {
  background-image: url(../images/subnav/btn-videos.png);
}

.header .subnav ul li#s-video,
.header .subnav ul li#s-video a,
.header .subnav ul li#s-video a .arrow {
  width: 100px;
}

.header .subnav ul li#s-archive a {
	background-image: url(../images/subnav/btn-archive.png);
}

.header .subnav ul li#s-browseproducts,
.header .subnav ul li#s-browseproducts a,
.header .subnav ul li#s-browseproducts a .arrow {
  width: 160px;
}

.header .subnav ul li.selected a .arrow {
  display:block;
}

.header .subnav ul li#s-catalogue a {
  background-image: url(../images/subnav/btn-catalogue.png);
}

.header .subnav ul li#s-catalogue, .header .subnav ul li#s-catalogue a, .header .subnav ul li#s-catalogue a .arrow {
  width: 110px;
}

.header .subnav ul li#s-gallery a {
  background-image: url(../images/subnav/btn-gallery.png);
}

.header .subnav ul li#s-gallery, .header .subnav ul li#s-gallery a, .header .subnav ul li#s-gallery a .arrow {
  width: 110px;
}

.header .subnav ul li#s-flooringcalc a {
  background-image: url(../images/subnav/btn-flooringcalc.png);
}

.header .subnav ul li#s-faq a {
  background-image: url(../images/subnav/btn-faq.png);
}

.header .subnav ul li#s-overview a {
	background-image: url(../images/subnav/btn-overview.png);
}

.header .subnav ul li#s-quotes a {
	background-image: url(../images/subnav/btn-quotes.png);
}

.header .subnav ul li#s-orders a {
	background-image: url(../images/subnav/btn-orders.png);
}

.header .subnav ul li#s-invoices a {
	background-image: url(../images/subnav/btn-invoices.png);
}

.header .subnav ul li#s-projects a {
	background-image: url(../images/subnav/btn-projects.png);
}

.header .subnav ul li#s-preferences a {
	background-image: url(../images/subnav/btn-preferences.png);
}

.header .subnav ul li#s-preferences, .header .subnav ul li#s-preferences a, .header .subnav ul li#s-preferences a .arrow {
  width: 160px;
}

.header .subnav ul li#s-flooringcalc, .header .subnav ul li#s-flooringcalc a, .header .subnav ul li#s-flooringcalc a .arrow {
  width: 160px;
}

.header .subnav ul li#s-faq, .header .subnav ul li#s-faq a, .header .subnav ul li#s-faq a .arrow {
  width: 80px;
}


/* top-nav box specific styles */

.topbox, .topbox #topbox-head, .topbox #topbox-content, .topbox #topbox-foot {
  width: 980px;
}

.topbox {
  margin: 0 auto;
  height: auto;
  position: relative;
}

.topbox #topbox-head {
  height: 21px;
  background: url(../images/navbox-top.png) no-repeat top left transparent;
}

.topbox #topbox-foot {
  height: 27px;
  background: url(../images/navbox-bottom.png) no-repeat top left transparent;
}

.topbox #topbox-content {
  padding: 0 12px 0 18px;
  width: 950px !important;
  width: 980px;
  text-align: left;
  color: #fff;
  background: url(../images/navbox-centre.png) repeat-y top left transparent;
}

.topbox #topbox-content.with-nav {
  padding-bottom: 36px !important;
}

.topbox .nav {
  font-size: 15px;
  font-family: Verdana, sans-serif;
  position: absolute;
  width: 950px;
  left: 18px;
  background: url(../images/navbox-navbg.png) no-repeat top left transparent;
  bottom: -14px;
  min-height: 50px;
  height: auto !important;
  height: 50px;
}

.topbox .nav.quotes {
	background: url(../images/navbox-navbg-long.png) no-repeat top left transparent;
	min-height: 42px;
	height: auto !important;
	height: 62px;
	padding: 5px 10px;
	width: 930px;
	position: absolute;
}

.topbox .nav ul li a {
  display: inline-block;
  margin-top: 9px;
  color: #fff;
  text-decoration: none;
}

.topbox .nav ul {
  display: block;
  margin: 0 auto;
}

.topbox .nav ul li {
  margin-right: 17px;
  height: 49px;
  float: none;
  display: inline-block;
  position: relative;
  overflow: visible;
  width: auto;
}

/*
.topbox .nav ul li.selected-left a, .topbox .nav ul li.selected-right a {
  text-indent: -99999px;
}*/

.topbox .nav ul li p {
  padding-left: 28px;
  padding-right: 11px;
}

.topbox .nav ul li.selected p {
  background: url(../images/navbox-nav-selected-new.png) no-repeat top left transparent;
  height: 49px;
  display: inline-block;
}



.topbox .nav ul li img {
  margin: 0;
  padding: 0;
  position: absolute;
  right: -17px;
  top: 0;
  border: 0;
}

.topbox .nav ul li.selected img {
}

.topbox .nav ul li.selected a, .topbox .nav ul li.selected a:hover {
  color: #000;
}

.topbox .nav ul#navbox-subnav {
  /* display: none; */
}

.topbox #topbox-search {
  margin: 4px 4px 0;
  text-align: left;
}

.topbox #topbox-search #ajax-loader img{
  margin: 2px 0 0 5px;
}

.topbox #topbox-search .left{
  float: left;
}

.topbox #topbox-search .right{
  position: relative;
  float: right;
}

.topbox .nav.no-nav {
  bottom: 3px;
}

.topbox #topbox-search .right label {
  color: #fff;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  margin-right: 235px;
  line-height: 2;
}

.topbox #topbox-search .right #clear-keyword {
  text-indent: -99999px;
  width: 27px;
  height: 27px;
  display: block;
  position: absolute;
  right: 2px;
  top: 2px;
  background: url(../images/navbox-search-cancel.png) no-repeat top left transparent;
}

.topbox #topbox-search #keyword-input-bg {
  background: url(../images/navbox-search-input.png) no-repeat top left transparent;
  height: 31px;
  width: 215px;
  position: absolute;
  right: 0;
  top: 0px;
}

.topbox #topbox-search #keyword-input-bg input {
  background: none;
  padding-left: 5px;
  width: 180px;
  padding-top: 6px;
  height: 25px;
  color: #000;
  /*font-family: Verdana, sans-serif;*/
  font-size: 16px;
  border: 0;
}

.topbox .hero {
  padding: 5px 15px;
}

.topbox .hero.multi div.box {
  display: none;
}

.topbox .hero.multi div.box.selected {
  display: block;
}

.topbox .hero .left, .topbox .hero .right {
  float: left;
}

.topbox .hero .left {
  margin-right: 25px;
}

.topbox .hero h1 {
  padding-top: 25px;
  margin-bottom: 20px;
  font-size: 28px;
}

.topbox .hero .box .button-1 {
  margin-top: 10px;
  margin-left: -7px;
}

.topbox .hero .box p {
  width: 420px;
  color: #d4d4d4;
 /* font-family: Verdana, sans-serif;*/
  font-size: 12px;
  line-height: 1.4;
}

.topbox .hero .box img {
  background: url(../images/homepage/bg.png) no-repeat bottom right transparent;
  padding: 0 10px 10px 0;
  margin: 10px 0 0 10px;
}

/* topbox specific styles that are re-used */

.topbox .accounts, .topbox .quotes, .topbox .orders, .topbox .gallery {
	position: relative;
	padding: 5px 20px;
}

.topbox .accounts h1, .topbox .accounts h2, .topbox .quotes h1, .topbox .quotes h2, .topbox .orders h1, .topbox .orders h2, .topbox .gallery h1 {
	/*font-family: Georgia, sans-serif;*/
	color: #fff;
}

.topbox .accounts h1, .topbox .quotes h1, .topbox .orders h1 {
	font-size: 28px;
	background: url(../images/accounts/lbr.png) bottom left repeat-x transparent;
}

.topbox .gallery h1 {
	font-size: 28px;
}

.topbox .accounts h2, .topbox .quotes h2, .topbox .orders h2 {
	color: #E0E0E0;
	font-size: 24px;
	margin-bottom: 15px;
}

.topbox .list {
	width: 665px;
	float: left;
}

.topbox  .quotes .total, .topbox .orders .total, .topbox .gallery .info {
	float: left;
	/*padding: 10px 0 21px 25px;*/
	padding: 25px 25px 21px 50px;
	position: relative;
	width: 164px !important;
	width: 214px;
	margin-bottom: 31px;
	min-height: 194px;
	height: auto !important;
	height: 194px;
	background: url(../images/darkrhs-top-bg.png) no-repeat 25px 10px transparent;
	font-size: 12px;
	/*font-family: Verdana, sans-serif;*/
	color: #fff;
}

.topbox .gallery .info {
	padding: 10px 10px 21px;
	width: 234px !important;
	min-height: 225px;
	height: 225px;
	background: url(../images/darkrhs3-top-bg.png) no-repeat top left transparent;
}

.topbox .quotes .total, .topbox .orders .total, .topbox .gallery .info {
	padding-bottom: 0;
}

.topbox .total p {
	margin: 0 0 5px 0;
	padding: 0;
}

.topbox .total p.grey {
	color: #666;
	margin-bottom: 20px !important;
}

.topbox .total p a {
	color: #fff;
	text-decoration: underline;
}

.topbox .gallery .info .footer, .topbox .total .footer {
	display: block;
	height: 11px;
	position: absolute;
	right: 0;
	bottom: -11px;
}

.topbox .total .footer {
	width: 214px;
	background: url(../images/darkrhs-bottom-bg.png) no-repeat top left transparent;
}

.topbox .gallery .info .footer {
	width: 254px;
	background: url(../images/darkrhs3-bottom-bg.png) no-repeat top left transparent;
}

.topbox .total h2 {
	/*font-family: Verdana, sans-serif;*/
	font-size: 30px;
	color: #fff;
}

.topbox .total .button-3 {
	margin-left: -10px;
}


.topbox .total .button-3 b {
	margin-right: -10px;
}

/* topbox quotes styles */

.topbox .quotes, .topbox .orders {
	padding-right: 25px;
	color: #fff;
	font-size: 14px;
	font-family: Verdana, sans-serif;
}

.topbox .quotes p, .topbox .orders p {
	margin-bottom: 20px;
}

.topbox .quotes .total p, .topbox .orders .total p {
	margin: 0 0 5px 0;
}

.topbox .quotes h1, .topbox .orders h1 {
	padding-bottom: 15px;
}

.topbox .quotes h1 .right, .topbox .orders h1 .right {
	float: right;
	color: #E0E0E0;
}

/* topbox gallery styles */

.topbox .gallery h1 .right {
	float: right;
	font-family: Verdana, sans-serif;
	font-size: 24px;
	font-style: normal;
}

.topbox .gallery h1 {
	margin-bottom: 20px;
}

.topbox .gallery .image {
	margin: 0 25px 10px 10px;
	float: left;
	width: 620px;
	height: 415px;
}

.topbox .gallery .info .button-3 {
	position: absolute;
	top: 5px;
	right: 2px;
}

.topbox .gallery .info .button-7 {
	position: absolute;
	top: 5px;
	left: 2px;
}

.topbox .gallery .info .button-7 p {
	padding-right: 30px !important;
}

.topbox .gallery .info .button-3 p {
	padding-left: 30px !important;
}

.topbox .gallery .info select {
	height: 30px;
	margin-top: 60px;
	margin-bottom: 25px;
}

.topbox .gallery .info #selectgallery {
	margin-top: 60px;
}

.topbox .gallery .info .details {
	margin-left: 20px;
}

.topbox .gallery .info .details span {
	display: block;
	padding-left: 10px;
}

.topbox .gallery .info h2 {
	font-size: 18px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #fff;
	margin-bottom: 20px;
}

/* topbox orders styles */

.topbox .orders .total h2 {
	font-size: 19px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.topbox .orders .total {
	color: #fff;
}

.topbox .orders .total span {
		display: block;
}

.topbox .orders .total span.detail {
	color: #666;
	margin-bottom: 10px;
}

.topbox .orders .total .grey,
.topbox .orders .total .grey a {
	color: #666;
}

.topbox .orders table.type2 {
	margin-bottom: 5px;
}

.topbox .orders .total .big-margin {
	margin-bottom: 20px;
}

.topbox .orders .order-total {
	text-align: right;
	font-size: 14px;
	color: #E0E0E0;
	/*font-family: Verdana, sans-serif;*/
}

.topbox .orders .order-total .labels {
	float: right;
	margin-right: 20px;
}

.topbox .orders .order-total .totals {
	float: right;
	margin-bottom: 20px;
}

.topbox .orders .order-total h3 {
	clear: both;
	font-size: 24px;
	color: #fff;
}

/* topbox accounts styles */

.topbox .accounts {
	min-height: 280px;
	height: auto !important;
	height: 280px;
}

.topbox .accounts h1 {
	padding-bottom: 20px;
	text-transform: uppercase;
	margin-right: 248px;
}

.topbox .accounts h2 .button-2 {
	display: inline-block;
	margin-left: 15px !important;
}

.topbox .accounts h2 .button-2 p, .topbox .accounts h2 .button-2 b {
	margin-top:5px !important;
}

.topbox .accounts .balance h2 {
	color: #333;
}

.topbox .accounts .balance p {
	margin-bottom: 35px;
	font-size: 11px;
	/*font-family: Verdana, sans-serif;*/
	color: #1A1A1A;
}

.topbox .accounts .balance ul {
	margin: 0 0 20px 0;
}

.topbox .accounts .balance ul li {
	list-style: none;
	text-align: right;
}

.topbox .accounts .balance ul li strong {
	font-weight: normal;
	float: left;
}

.topbox .accounts .balance ul li.total {
	padding-top: 5px;
	margin-top: 10px;
	background: url(../images/ul-lbr.png) repeat-x top left transparent;
	font-size: 16px;
}

.topbox .accounts .balance ul li.total strong {
	font-weight: bold;
}

.topbox .accounts h1 a {
	text-transform: none;
	font-size: 12px;
	/*font-family: Verdana, sans-serif;*/
	color: #fff;
	text-decoration: none;
}

.topbox .balance {
	position: absolute;
	right: 10px;
	top: 0px;
	padding: 20px 40px 0 40px;
	width: 197px !important;
	width: 277px;
	height: 262px !important;
	height: 297px;
	background: url(../images/accounts/right-bg.png) no-repeat top left transparent;
}

.topbox .accounts .balance {
	color: #333;
	font-size: 14px;
	/*font-family: Verdana, sans-serif;*/
}

.topbox .accounts .balance h2 {
	margin-bottom: 0;
}

.topbox .accounts .invoices {
	margin: 10px 0 0 15px;
	width: 640px;
}

.topbox .accounts .invoices ul {
	margin: 0 0 20px -10px;
}

.topbox .accounts .invoices ul li:first-child {
	margin-top: 0;
}

.topbox .accounts .invoices ul li {
	line-height: 1.5;
	font-size: 24px;
	/*font-family: Verdana, sans-serif;*/
	color: #000;
	overflow: visible;
	list-style: none;
	display: block;
	margin-top: -16px;
	padding: 11px 0 11px 25px;
	height: 36px;
	position: relative;
	background: url(../images/accounts/invoices/left-lhs.png) no-repeat top left transparent;
}

.topbox .accounts .invoices ul li span {
	position: absolute;
	top: 0;
	text-align: right;
	font-size: 18px;
	line-height: 3.3;
	color: #42210B;
}

.topbox .accounts .invoices ul li span.cost {
	display: block;
	left: 176px;
	height: 59px;
	width: 120px !important;
	width: 140px;
	padding-right: 20px;
	background: url(../images/accounts/invoices/left-rhs-full.png) no-repeat top right transparent;
}

.topbox .accounts .invoices ul li span.quantity {
	left: 316px;
	height: 59px;
	background: url(../images/accounts/invoices/right-bg.png) no-repeat top right transparent;
	width: 105px;
	padding-right: 25px;
	display: block;
	max-width: 305px !important;
}

.topbox .accounts .invoices ul li.no-invoice span.quantity {
	display: none;
}

.topbox .accounts .invoices ul li.no-invoice span.cost {
	padding-right: 30px !important;
	width: 120px !important;
	width: 150px;
	background: url(../images/accounts/invoices/left-rhs-border2.png) no-repeat top right transparent;
}


.topbox .accounts .balance .button-1 {
	margin-left: 8px !important	;
}

/* invoices specific styles */

.topbox .invoices.orders .order-total .totals {
	margin-bottom: 10px;
}

/* contact us specific styles */

.topbox .contactus h2 {
	color: #E0E0E0;
	font-size: 24px;
	/*font-family: Georgia, sans-serif;*/
	margin-bottom: 20px;
}

.topbox .contactus p {
	width: 415px;
	color: #D4D4D4;
	/*font-family: Verdana, sans-serif;*/
	font-size: 12px;
}

.topbox .contactus .about {
	margin-left: 40px;
	padding: 10px 0 40px 350px;
	min-height: 207px;
	height: auto !important;
	height: 207px;
	background: url(../images/logo-large.png) no-repeat left 10px transparent;
}

.about strong {
  font-weight: bold;
}

.about p {
  margin-top: 10px;
}

.about h2 {
  margin-top: 20px;
}


/* flooring calculator specific styles */

.topbox .flooringcalc, .topbox .contactus, .topbox .store {
	padding: 5px 10px 0 20px;
}

.topbox .flooringcalc .button-5 {
	margin-top: 10px;
}

.topbox .flooringcalc h1, .topbox .contactus h1, .topbox .store h1 {
	font-family: Georgia, sans-serif;
	font-size: 28px;
	color: #fff;
	padding-bottom: 10px;
}

.topbox .flooringcalc .left-660 {
	width: 660px;
	float: left;
}

.topbox .flooringcalc .right-290 {
	position: relative;
	width: 255px;
	float: left;
}

.topbox .flooringcalc .right-290 .calc-items {
	position: relative;
	height: 181px;
}

.topbox .flooringcalc .right-290 .foot, .topbox .flooringcalc .right-290 .head, .topbox .flooringcalc .right-290 .mid {
	display: block;
	width: 255px;
}

.topbox .flooringcalc .right-290 .head {
	height: 9px;
	background: url(../images/darkrhs2-top.png) no-repeat top left transparent;
}

.topbox .flooringcalc .right-290 .foot {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 9px;
	background: url(../images/darkrhs2-bottom.png) no-repeat top left transparent;
}

.topbox .flooringcalc .right-290 .mid {
	font-size: 36px;
	/*font-family: Verdana, sans-serif;*/
	color: #fff;
	width: 215px;
	margin-bottom: 9px;
	padding: 10px 20px 0 20px;
	height: auto;
	background: url(../images/darkrhs2-mid.png) repeat-y top left transparent;
}


.topbox .flooringcalc .right-290 .mid p {
	position: relative;
	padding-bottom: 20px;
}

.topbox .flooringcalc .right-290 .mid .right {
	font-size: 11px;
	position: absolute;
	bottom: 20px;
	right: 0;
}

/* actual calculation styles */

.topbox .flooringcalc .left-660 #calculations {
	padding: 0 0 20px 45px;
	position: relative;
}

.topbox .flooringcalc .left-660 #calculations .button-3 {
	position: absolute;
	top: -15px;
	right: 20px;
}

.topbox .flooringcalc .left-660 #calculations .room {
	font-size: 21px;
	/*font-family: Verdana, sans-serif;*/
	color: #fff;
	margin-bottom: 10px;
	height: 30px;
}

.topbox .flooringcalc .left-660 #calculations .input-wrap, .topbox .flooringcalc .left-660 #calculations input, .topbox .flooringcalc .left-660 #calculations label, .topbox .flooringcalc .left-660 #calculations a.delete-room {
	float: left;
}

.topbox .flooringcalc .left-660 #calculations label, .topbox .flooringcalc .left-660 #calculations .input-wrap {
	margin-right: 10px;
}

.topbox .flooringcalc .left-660 #calculations input {
	border: 0;
	height: 26px;
	width: 76px;
	padding: 0 4px 4px 4px;
	background: transparent;
}

.topbox .flooringcalc .left-660 #calculations .input-wrap {
		background: url(../images/flooringcalc-input.png) no-repeat top left transparent;
		height: 30px;
		width: 84px;
}

.topbox .flooringcalc .left-660 #calculations a.delete-room {
	float: left;
	display: none;
	width: 20px;
	height: 20px;
	background: url(../images/flooringcalc-delete.png) no-repeat top left transparent;
	text-indent: -99999px;
	margin-top: 5px;
}

.topbox .flooringcalc .left-660 #calculations .room:hover:first-child a.delete-room {
	display: none;
}

.topbox .flooringcalc .left-660 #calculations .room:hover a.delete-room {
	display: block;
}

.topbox .flooringcalc .right-290 .item {
	background: url(../images/darkrhs2-item.png) no-repeat top left transparent;
	position: absolute;
	width: 233px;
	height: 55px;
	font-size: 12px;
	color: #42210B;
	padding: 5px 10px 0 10px;
	margin-left: -19px;
	padding-bottom: 3px;
}

.topbox .flooringcalc .right-290 .item#mm150 {
	top: 0;
}

.topbox .flooringcalc .right-290 .item#mm100 {
	top: 63px;
}

.topbox .flooringcalc .right-290 .item#mm75 {
	top: 126px;
}





.topbox .flooringcalc .right-290 .item strong {
	font-size: 24px;
	display: block;
}

.topbox .flooringcalc .left-660 p {
	/*font-family: Georgia, sans-serif;*/
	font-size: 16px;
	padding-bottom: 25px;
	color: #E0E0E0;
	width: 410px;
	font-style: italic;
}

/* store specific styles */

.topbox .store .left-680, .topbox .store .right-180 {
	float: left;
	/*font-family: Verdana, sans-serif;*/
	color: #d4d4d4;
	margin-bottom: 40px;
}

.topbox .store .left-680 {
	margin-top: 5px;
	width: 460px;
	padding-left: 220px;
	background: url(../images/placeholder4.jpg) no-repeat top left transparent;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

.topbox .store .left-680 p {
	font-size:14px;
	width: 385px;
}

.topbox .store .left-680 p:first-child {
	margin-bottom: 20px;
}

.topbox .store .right-180 {

	width: 180px;
	text-align: center;
	float: left;
	padding-top: 95px;
	background: url(../images/store-question-mark.png) no-repeat center 10px transparent;
}

.topbox .store .right-180 .button-1 {
	margin-left: 11px;
}

.topbox .store .right-180 p {
	margin-bottom: 20px;
}

/* catalogues specific styles */

.topbox.catalogues {
  font-family: verdana, sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding: 5px 20px;
  width: 950px;
}

.topbox.catalogues strong {
  font-family: Georgia, serif;
  font-size: 16px;
  font-weight: bold;
}

.topbox.catalogues p {
  width: 60%;
}

.topbox p a {
  color: #fff;
  text-decoration: underline;
}

.topbox.catalogues ul {
  list-style: disc;
}

.topbox.catalogues ul li {
  list-style: disc;
  margin-left: 20px;
}

.topbox.catalogues h1 {
	margin-bottom: 20px;
	/*font-family: Georgia, sans-serif;*/
	font-size: 24px;
	text-align: left;
	/*color: #333;*/
}

.topbox.catalogues a.catalogue {
	display: block;
	float: left;
	margin-right: 20px;
	width: 155px;
	padding: 150px 2px 0;
	height: 66px !important;
	height: 186px;
	color: #fff;
	font-size: 12px;
	/*font-family: Verdana, sans-serif;*/
	text-decoration: underline;
	background: url(../images/catalogue-icon.png) no-repeat top center transparent;
	text-align: center;
}

.topbox.catalogues a.catalogue span {
	display: none;
}

.topbox.catalogues a.a {
       background: url('../images/catalogues/SPT Basics of Batten Fence.png') no-repeat top center transparent;
}

.topbox.catalogues a.b {
       background: url('../images/catalogues/SPT Basics of Paling Fence.png') no-repeat top center transparent;
}

.topbox.catalogues a.c {
       background: url('../images/catalogues/SPT Building a Deck Flyer.png') no-repeat top center transparent;
}

.topbox.catalogues a.d {
       background: url('../images/catalogues/SPT Catalog.png') no-repeat top center transparent;
}

.topbox.catalogues a.e {
       background: url('../images/catalogues/SPT Credit Application.png') no-repeat top center transparent;
}

.topbox.catalogues a.f {
       background: url('../images/catalogues/SPT Decking Flyer.png') no-repeat top center transparent;
}

.topbox.catalogues a.g {
       background: url('../images/catalogues/SPT Flooring Booklet.png') no-repeat top center transparent;
}

.topbox.catalogues a.h {
       background: url('../images/catalogues/SPT Flooring Flyer.png') no-repeat top center transparent;
}

.topbox.catalogues a.f {
       background: url('../images/catalogues/SPT Grades Flyer.png') no-repeat top center transparent;
}

.topbox.catalogues a.i {
  background: url('../images/catalogues/Catalogo%20NZ%20INTERNO%202015_2.png') no-repeat top center transparent;
}

/* dropshadow on header */
#top-footer {
	z-index: 9999;
  width: auto;
  display: block;
  height: 25px;
  background: url(../images/top-repeating-dropshadow.png) repeat-x top left transparent;
}

/* product navigation */

.product-nav {
	width: auto;
	background: #42210B url(../images/nav-shadow.png) repeat-x bottom left;
	height: 37px;
	margin: 10px auto 0px; /*10px auto -25px;*/
  z-index: 10;
}

.product-nav ul {
	width: 950px;
	margin: 0 auto;
}

.product-nav li {
	position: relative;
	list-style: none;
	display: block;
	float: left;
	margin-top: -3px;
}

.product-nav li a {
	padding: 10px 20px 0;
	height: 30px !important;
	height: 40px;
	width: auto;
	display: block;
	color: #fff;
	font-family: Verdana, sans-serif;
	font-size: 16px;
	text-decoration: none;
}

.product-nav li.selected a {
	margin-right: 6px;
	background: url(../images/products/nav-left.png) no-repeat top left transparent;
	padding-right: 14px;
	color: #42210B;
	text-shadow: #fff 0px 0px 2px;
}

.product-nav li a span {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	width: 6px;
	height: 40px;
	background: url(../images/products/nav-right.png) no-repeat top left transparent;
}

.product-nav li.selected a span {
	display: block;
}




/* content-box specific styles */

.content {
  /*font-family: Verdana, sans-serif;*/
}

.content strong {
  font-weight: bold;
}

.footer-break {
  margin: 25px 10px;
  width: 950px;
  font-size: 1px;
  background: #f2efe9;
  border-bottom: 1px solid #cbb9a5;
  height: 2px;
}

.login-page .footer-break {
  margin-left: 0px;
}

.footer-break.small {
	margin: 5px 10px;
}

#final-footer {
  position: relative;
  width: 950px;
  margin: 0 auto;
  font-size: 12px;
  color: #333;
  /*font-family: Georgia, sans-serif;*/
}

#final-footer #copyright {
  position: absolute;
  top: 0;
  right: 0;
  /*font-family: Verdana, sans-serif;*/
  font-size: 10px;
  color: #333;
}

#final-footer #quicklink-btn {
  /*font-family: Georgia, sans-serif;*/
  font-size: 14px;
  color: #333;
  text-decoration: none;
  padding-left: 20px;
  display: block;
  height: 15px;
  background: url(../images/quick-links-full.png) no-repeat 0 2px transparent;
}

#final-footer #quicklink-btn.down {
  background-position: 0px -13px !important;
}

#final-footer #quicklink-content {
  display: none;
  margin-left: 5px;
}

#final-footer #quicklink-content .column {
  margin-top: 20px;
  float: left;
  margin-right: 110px;
}

#final-footer #quicklink-content .column-last {
  margin-top: 20px;
  float: left;
}


#final-footer #quicklink-content h4 {
  font-size: 12px;
  margin-bottom: 5px;
  padding: 0;
}

#final-footer #quicklink-content ul {
  padding-left: 5px;
}

#final-footer #quicklink-content ul li {
  list-style: none;
  padding-bottom: 5px;
  margin: 0;
}

#final-footer #quicklink-content ul li a {
  /*font-family: Verdana, sans-serif;*/
  color: #1A1A1A;
  font-size: 10px;
  text-decoration: none;
}


/* needed for custom select boxes */

span.select {
   position: absolute;
   width: 201px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 25px;
   padding: 5px 24px 0 8px;
   color: #000;
   font: 16px Verdana,sans-serif;
   background: url(../images/navbox-search-select.png) top left no-repeat transparent;
   overflow: hidden;
   text-align: left;
}
span.selectInvoiveBulk {
	width: 235px;
	height: 22px;
	padding-top: 3px;
	font-size: 12px;
	background: url(../images/navbox-search-select-small.png) top left no-repeat transparent;
	margin-top: 5px;
}

span.select#selectproject, .listedInvoice {
	width: 135px;
	height: 22px;
	padding-top: 3px;
	font-size: 12px;
	background: url(../images/navbox-search-select-small.png) top left no-repeat transparent;
	margin-top: 5px;
}

.contactus span.select#selectcontact-type {
	width: 228px;
	height: 33px;
	background: url(../images/contact-select-bg.png) top left no-repeat transparent;
	font-size: 16px;
	margin-bottom: 10px;
}

select.styled {
	height: 30px;
}

.contactus select.styled {
	width: 228px;
	font-size: 16px;
	margin-bottom: 10px;
	height: 33px;
	font-family: Verdana, sans-serif;
}

.invoices select.styled {
	height: 26px;
	width: 163px;
	margin-bottom: 25px;
}

/* content specific styles */

.content .c-950 {
  width: 950px;
  margin: 0 auto;
}

.content .c-950 .blog-articles .article {
  margin-bottom: 15px;
}

.content .c-950 .blog-articles .article p,
.content .c-950 .blog-articles .article .i,
.content .c-950 .blog-articles .article strong {
  margin-top: 3px;
  padding-bottom: 3px;
  display: inline-block;
}

.content .left {
  position: relative;
  float: left;
  width: 660px;
}

.content .left p {
  font-size: 12px;
  /*font-family: Verdana, sans-serif;*/
  color: #1A1A1A;
}

.content .right {
  float: right;
}

.content .right .box {
  width: 279px;
}

.content .right .box .content {
  position: relative;
  color: #fff;
  /*font-family: Georgia, sans-serif;*/
  font-size: 14px;
  width: 279px;
  background: url(../images/content-rhs-bg-repeating.png) repeat-y top left transparent;
}

.content .right .box .content h1 {
  margin-top: 0;
}

.content .right .box .content blockquote {
  font-style: italic;
  background: url(../images/blockquote-bg.png) no-repeat 0px 0px transparent;
  display: block;
  padding-top: 20px;
  padding-left: 20px;
  margin-left: -20px;
  margin-top: -20px;
  margin-bottom: 35px;
}

.content .right .box .content {
  padding: 30px 15px 5px 30px;
  width: 234px !important;
  width: 279px;
}



.content .right .box .content#blog-blurb .date {
  position: absolute;
  bottom: 23px;
  left: 30px;
  font-size: 14px;
  /*font-family: Verdana, sans-serif;*/
  color: #D4D4D4;
}

.content .right .box .button-1 {
  float: right;
}

.content .right .box .footer {
  width: 279px;
  height: 8px;
  background: url(../images/content-rhs-bg-bottom.png) no-repeat top left transparent;
}

.content h1, .content h2 {
  font-family: Georgia, sans-serif;
}

.content h1 {
  font-size: 24px;
  color: #333;
  margin: 20px 0;
}

.content h1.white{
  color: #fff;
}

.content h1 .button-2 p, .content h1 .button-2 b {
  margin-top: 5px !important;
}

.content h1 .button-2 {
  margin-left: 15px !important;
  display: inline-block;
}

.content h2 {
  margin-bottom: 15px;
  font-size: 16px;
  font-style: italic;
  color: #4D4D4D;
}

.catalogues h2 {
  margin: 10px 0 10px 0;
  font-size: 16px;
  font-style: italic;
  color: #fff;
}

/* switchable element on homepage */

.content a {
  color: #603813;
  text-decoration: underline;
}

.content .switchable.selected {
  display: block;
}

.content .switchable {
  display: none;
  width: 440px;
}

.content .switchable h2, .content .switchable p {
  margin-left: 15px;
}

.content .switchable img {
  float: left;
  margin-left: 15px;
  margin-right: 10px;
}

.content .switcher {
  position: absolute;
  right: 40px;
  top: 70px;
  width: 160px;
  height: 145px !important;
  height: 150px;
  padding-top: 5px;
  background: url(../images/homepage/switchable-bg.png) no-repeat 20px 0px transparent;
}

.content .switcher a {
  text-decoration: none;
  color: #42210B;
  font-size: 16px;
  font-family: Verdana, sans-serif;
  display: block;
  width: 105px !important;
  width: 150px;
  padding-left: 45px;
  padding-top: 13px;
  height: 31px !important;
  height: 44px;
}

.content .switcher a.selected {
  background: url(../images/homepage/switchable-btn.png) no-repeat top left transparent;
}

/* slideshow specific styles */

.content .slideshow {
  margin: 0 auto;
  height: 191px !important;
  height: 192px;
  padding-top: 1px;
  width: 883px !important;
  width: 884px;
  padding-left: 1px;
  position: relative;
  background: url(../images/slideshow-bg.png) repeat top left transparent;
}

.content .slideshow .slideswrap {
  width: 881px;
  height: 191px;
  overflow: hidden;
}

.content .slideshow .slideswrap .slides {
  width: 10000px;
}

.content .slideshow .slide {
  position: relative;
  height: 190px;
  width: 290px;
  margin-left: 3px;
  float: left;
}

.content .slideshow .slide .overlay {
  display: none;
  position: absolute;
  width: 290px;
  height: 190px;
  background: url(../images/slideshow-bg.png) repeat top left transparent;
}

.content .slideshow .slide .overlay h3 {
  font-size: 14px;
  font-family: Georgia, sans-serif;
  color: #E0E0E0;
  margin: 20px 0 0 20px;
}

.content .slideshow .slide .overlay p {
  font-size: 12px;
  font-family: Verdana, sans-serif;
  color: #E0E0E0;
  margin: 25px 0 0 25px;
}

.content .slideshow .slide .overlay a.button-1 {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.content .slideshow .slide:hover .overlay {
  display: block;
}

.content .slideshow .slide-left, .content .slideshow .slide-right {
  position: absolute;
  top: 0;
  text-indent: -99999px;
  display: block;
  width: 33px;
  height: 193px;
  overflow: hidden;
}

.content .slideshow .slide-left:hover, .content .slideshow .slide-right:hover {
  background-position: 0px -193px !important;
}

.content .slideshow .slide-left {
  left: -33px;
  background: url(../images/slideshow-left.png) no-repeat top left transparent;
}

.content .slideshow .slide-right {
  right: -33px;
  background: url(../images/slideshow-right.png) no-repeat top left transparent;
}


.content .left-590, .content .left-705, .content .left-645 {
	margin-top: 20px;
	float: left;
	background: url(../images/rhs-indent.png) repeat-y top right transparent;
}

.content .left-645 {
	padding-right: 60px;
	width: 585px !important;
	width: 645px;
}


.content .left-645 h1 {
	margin-top: 0;
}

.content .left-705 {
	padding-right: 20px;
	width: 685px !important;
	width: 705px;
}

.content .left-705 h1 {
	margin-top: 5px;
}

.content .left-590 {
	padding-right: 35px;
	width: 555px !important;
	width: 590px;
}

.content .left-590 h1:first-child {
	margin-top: 0;
}

.content .left-590 hr {
	margin: 20px -34px 20px 0;
	display: block;
	height: 2px;
	border: 0;
	background: url(../images/hr-bg.png) repeat-x top left transparent;
}

.content .right-305 {
	float: left;
	width: 245px !important;
	width: 305px;
	padding-left: 60px;
}

.content .right-305 h1 .button-2 {
	float: right;
}

.content .right-245 {
	float: right;
	width: 230px;
	margin-left: 15px;
}

.content .right-245 h1 {
	padding-left: 5px;
}

.content .quotes .right-245 h1 a.button-2 {
	float: right;
}

.content .quotes .right-245 ul li:first-child, .content .invoices .right-305 ul li:first-child {
	border-top: 1px solid #42210B;
}

.content .quotes .right-245 ul li, .content .invoices .right-305 ul li {
	margin: 0;
	list-style: none;
	display: block;
	background: #F9F4E8;
	border-bottom: 1px solid #42210B;
	padding: 10px;
}

.content .quotes .right-245 ul li span, .content .invoices .right-305 ul li span {
	float: right;
	text-align: right;
}

.content .quotes .right-245 ul li span:first-child, .content .invoices .right-305 ul li span:first-child {
	float: left;
	text-align: left;
	width: 125px;
}

.content .quotes .right-245 ul li strong, .content .invoices .right-305 ul li strong {
	font-weight: bold;
}

.content .quotes .right-245 ul li:hover, .content .invoices .right-305 ul li:hover {
	background: #F4EBD7;
}

.content .quotes .right-245 ul li a, .content .invoices .right-305 ul li a {
	display: block;
	margin-bottom: 5px;
	text-decoration: none;
}

.content .quotes .right-245 ul li a.delete-quote, .content .invoices .right-305 ul li a.delete-project {
	visibility: hidden;
}

.content .quotes .right-245 ul li:hover a.delete-quote, .content .invoices .right-305 ul li:hover a.delete-project {
	visibility: visible;
}

.content .right-360 {
	width: 300px;
	float: left;
	margin-left: 60px;
}

.content ul.pending-orders li {
	list-style: none;
	display: block;
	padding: 10px 0 0 15px;
	width: 300px !important;
	width: 315px;
	height: 53px;
	background: url(../images/order-bg.png) no-repeat top left transparent;
	margin: -15px 0 0 -10px;
}

.content ul.pending-orders li:first-child {
	margin-top: 0;
}

.content ul.pending-orders li span {
	float: left;
}

.content ul.pending-orders li span strong {
	font-weight: bold;
}

.content ul.pending-orders li span:first-child {
	width: 145px;
}

.content .table-wrap {
	position: relative;
}

.content .orders .left-705 {
	margin-top: 0;
	background: transparent;
}

.content .orders .left-705 h1 {
	margin-top: 20px;
	/*margin-bottom: 0;*/
}

.content .orders table.type1 {
	margin-top: 5px;
}

/* details popup styles */

.popup-wrap {
	display: none;
	position: absolute;
	top: 20%;
	left: 0;
	right: 10%;
}

.details-popup {
	position: relative;
	width: 452px;
	z-index: 99999;
	padding: 15px 0;
	margin: 0 auto;
}

.details-popup .header {
	position: absolute;
	top: 0;
	left: 0;
	width: 452px;
	height: 15px;
	background: url(../images/popup/top.png) no-repeat top left transparent;
}

.details-popup .footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 452px;
	height: 15px;
	background: url(../images/popup/bottom.png) no-repeat top left transparent;
}

.details-popup .content {
	font-size: 14px;
	font-family: Verdana, sans-serif;
	width: 402px !important;
	width: 452px;
	padding: 5px 25px;
	background: url(../images/popup/bg.png) repeat-y top left transparent;
}

.details-popup .content h1 {
	margin: 0;
	padding: 5px 0 20px 0;
}

details-popup .content label, .details-popup .content input, .content .preferences form input, .content .preferences form label {
	line-height: 1.5;
}

.details-popup .content label, .content .preferences form label {
	display: block;
	width: 140px;
	float: left;
}

.details-popup .content input, .details-popup .content textarea, .content .preferences form input, .content .preferences form textarea {
	width: 215px;
	margin-bottom: 2px;
	padding: 5px;
	/*height: 20px;*/
	border: 0;
	float: left;
}

.details-popup .content input.date {
	width: 35px;
	margin-right: 2px;
}

.details-popup .content input.date.year {
	width: 50px;
	margin-right: 0;
}

.details-popup .content textarea.address {
	height: 65px;
}

.details-popup .content textarea.notes {
	height: 40px;
}

.details-popup .content form .row {
	clear: both;
}

.details-popup .content form ul.error_list{
	width:auto;
    margin-top:10px;
}

.details-popup .content form .row.center {
	text-align: center;
}

.details-popup .content form input[type="image"] {
	padding: 0;
	height: 62px;
	margin-bottom: -10px;
	float: none;
	width: 235px;
}

.details-popup .content form input[type="checkbox"] {
	width: auto;
	height: auto;
margin-top: 5px;
}

/* account preferences specific styles */

.content .preferences form.left, .content .preferences form.right {
	float: left;
}

.content .preferences form input, .content .preferences form textarea, .content .preferences label {
	font-size: 14px;
}

.content .preferences form.left {
	font-size: 14px;
	width: 365px;
	margin-right: 70px;
}

.content .preferences form.left textarea {
	height: 70px;
}

.content .preferences form.left .row:first-child {
	margin-bottom: 5px;
}

.content .preferences form .row {
	clear: left;
}

.content .preferences form.right {
	width: 340px;
}

.content .preferences form.right label {
	width: 115px;
}

.content .preferences input[type="image"]{
	margin-top: 18px;
	float: right;
	height: 27px;
}

.content .preferences form.right input[type="image"]{
	width: 165px;
}

.content .preferences form.left input[type="image"]{
	width: 145px;
}

/*  flooring calc specific styles */

.content .flooringcalc .switchable {
	width: 570px;
}

.content .flooringcalc .switchable p {
	margin-bottom: 20px;
}

.content .flooringcalc .right .small-product {
	display: block;
	width: 251px;
	height: 128px;
	background: url(../images/small-product-bg.png) no-repeat top left transparent;
	margin: -10px 0 10px -20px;
	padding: 9px 0 0 10px;
}

.content .flooringcalc .right p {
	font-family: Verdana, sans-serif;
	margin-bottom: 20px;
	font-size: 12px;
	width: 220px;
}

/* contact us specific styles */

.content .contactus .right .box .content {
	padding: 30px 15px 5px 27px;
	width: 237px !important;
}

.content .contactus .right form .errorBox {
  width:210px;
}

.content .contactus .right form .input-wrap, .content .contactus .right form .textarea-wrap {
	width: 223px;
	margin-bottom: 10px;
}

.content .contactus .right form .input-wrap {
	background: url(../images/contact-input-bg.png) no-repeat top left transparent;
	height: 29px;
}

.content .contactus .right form .textarea-wrap {
	background: url(../images/contact-input-big-bg.png) no-repeat top left transparent;
	height: 139px;
}


.content .contactus .right form .textarea-wrap textarea {
	height: 120px;
	width: 200px !important;
	margin: 10px !important;
	padding: 0 !important;
}

.content .contactus .right form .input-wrap input, .content .contactus .right form .textarea-wrap textarea {
	border: 0;
	background: transparent;
	padding: 5px 10px;
	color: #000;
	width: 200px;
	font-size: 14px;
	font-family: Verdana, sans-serif;
}

.content .contactus .right form input[type="image"] {
	float: right;
}

.content .contactus .left .col {
	width: 285px;
	float: left;
	margin-top: 30px;
	margin-bottom: 20px;
	height: 370px;
	position: relative;
}

.content .contactus .left .col span {
	display: block;
}

.content .contactus .left .col p {
	margin-left: 10px;
}

.content .contactus .left .col h1 {
	margin-top: -10px;;
}

.content .contactus .left .map {
	border: 1px solid #42210B;
	position: absolute;
	bottom: -10px;
	left: 0;
}

.content .contactus .left .col:first-child {
	margin-right: 30px;
	padding-right: 30px;
	background: transparent url(../images/rhs-indent.png) repeat-y scroll right top;
}

/* store specific styles */

.content .store h1 {
	margin-bottom: 10px;
}

.content .store .left-705 {
	background: none;
}

.content .store .footer-break.small {
	margin: 5px 0;
}

.content .store .right-245 {
	padding-top: 35px;
}

.content .store .right-245 .need-login {
	background: url(../images/store-order-bg.png) no-repeat top left transparent;
	width: 241px;
	height: 201px;
	color: #000;
	font-size: 12px;
	text-align: center;
	font-family: Verdana, sans-serif;
}

.content .store .right-245 .need-login strong {
	font-weight: bold;
	display: block;
	padding: 27px 0 5px;
}

.content .store .right-245 .need-login p {
	width: 180px;
	text-align: left;
	margin: 0 auto;
}

.content .store .right-245 .need-login a {
        color: #502803;
	text-decoration: none;
}

.content .store .right-245 .need-login ul {
    list-style: circle;
    margin: 7px auto 0;
    text-align: left;
    width: 180px
}

.content .store .right-245 .need-login ul li {
    margin-bottom: 5px;
    text-align: left
}

/* resources specific styles */

.content .resources .left h1, .content .search .left h1 {
	margin-bottom: 0;
}

.content .resources .left, .content .search .left {
	width: 575px;
}

.content .resources .footer-break, .content .search .footer-break {
	margin: 15px 0;
	width: auto;
}

.content .resources .left blockquote {
	margin: 30px 0;
	font-size: 16px;
	font-style: italic;
	font-family: Georgia, sans-serif;
	color: #4D4D4D;
}

.content .resources .left p {
	margin-bottom: 20px;
	color: #1A1A1A;
	font-size: 14px;
}


.content .resources .left blockquote, .content .resources .left p {
	width: 550px;
	margin-left: 0px;
}

.content .resources .right .box  .content blockquote {
	background: none;
	padding: 0;
	margin: 0 0 20px;
	font-size: 13px;
}


.content .resources .right .box .content .row {
	position: relative;
	height: 45px;

}

.content .resources .right .box .content strong {
	margin-top: 30px;
	display: block;
	clear: both;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: Verdana, sans-serif;
}

.content .resources .right .box .content strong.big-margin {
	margin-top: 55px;
}

.content .resources .right .box .content p {
	font-size: 12px;
	font-family: Verdana, sans-serif;
	margin-bottom: 10px;
}

.content .resources .right .box .content .date {
	position: absolute;
  top: 14px;
  left: 0px;
  font-size: 14px;
  font-family: Verdana, sans-serif;
  color: #D4D4D4;
}

.content .resources .right .box .content {
	padding:30px 30px 5px 30px;
	width:219px !important;
}

/* search specific styles */

.content .search .left .result {
	margin-left: 10px;
	margin-bottom: 25px;
	width: 555px;
}

.content .search .left .result h2 {
	color: #42210B;
	font-family: Georgia, sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
}

.content .search .left .result p, .content .search .left .result a {
	margin-left: 15px;
}

.content .search .left .result p {
	margin-bottom: 10px;
	color: #4D4D4D;
	font-family: Georgia, sans-serif;
	font-size: 16px;
	font-style: italic;
}

.content .search .left .result a {
	text-decoration: underline;
	color: #333;
	font-size: 12px;
	font-family: Verdana, sans-serif;
}

/* products section specific styles */

.content .products .right h1 {
	font-size: 18px;
	font-style: italic;
	font-family: Georgia, sans-serif;
}

.content .products .right p {
	margin-bottom: 20px;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	width: 205px;
}

.content .products .right {

	top: 0;
	right: 7px;
}

.content .products .left {
	margin-top: -7px;
	padding-top: 7px;

	height: auto !important;
}

.content .products .left p {
	margin-bottom: 20px;
}

/* products - flooring */

.content .products.flooring .left {
	padding-top: 185px;
	min-height: 300px;
	height: 300px;
	background: url(../images/products/flooring-bg.png) no-repeat top left transparent;
}

.content .products.mouldings {
    	background: url(../images/products/mouldings-bg.png) no-repeat 380px 7px transparent;
}

.content .products.mouldings .left {
	padding-top: 45px;
	min-height:625px;
	height: 625px;

}

.content .products.decking .left {
	padding-top: 230px;
	min-height: 245px;
	height: 245px;
	background: url(../images/products/decking-bg2.png) no-repeat top left transparent;
}

.content .products .right h1 {
	padding-right: 20px;
}

.content .products.fencing .left {
	padding-top: 200px;
	min-height: 210px;
	height: 210px;
	background: url(../images/products/fencing-bg.png) no-repeat 35px top transparent;
}

.content .products.framing .left {
        padding-top: 200px;
        min-height: 210px;
        height: 210px;
        background: url(../images/products/framing-bg.png) no-repeat 35px top transparent;
}

.content .products.mouldings .left p, .content .products.weatherboards .left p, .content .products.decking .left p {
	width: 480px;
}

.content .products.weatherboards .left {
	padding-top: 225px;
	min-height: 225px;
	height: 225px;
	background: url(../images/products/weatherboards-bg.png) no-repeat left 3px transparent;
}

.content .products a {
	text-decoration: underline;
}

.content .products.flooring .thicknesses {
	margin-bottom: 30px;
	margin-top: 25px;
}

.content .products.flooring .thicknesses div {
		float: left;
		width: 244px !important;
		width: 274px;
		height: 155px;
		margin-left: 10px;
		padding: 0 15px;
}

.content .products.flooring .thicknesses .big {
	background: url(../images/products/thickness-big.png) no-repeat top left transparent;
	padding-top: 18px;
	height: 137px !important;
	height: 155px;
	padding-right: 20px;
	padding-left: 20px;
	width: 234px !important;
	width: 274px;
}

.content .products.flooring .thicknesses .small {
	padding-top: 65px;
	height: 90px !important;
	height: 155px;
	background: url(../images/products/thickness-small.png) no-repeat bottom left transparent;
}

.content .products .left .info {
	width: 570px;
}


.content .products .left .wood-types {
	width: 265px;
	margin-right: 10px;
	margin-top: 60px;
	float: right;
}

.content .wood-types span {
	margin: 10px 0;
	display: block;
	font-style: italic;
	color: #000;
	font-size: 18px;
	font-family: Georgia, sans-serif;
	text-align: right;
	padding-top: 20px;
	height: 28px !important;
	height: 48px;
	padding-right: 10px;
	width: 220px !important;
	width: 230px;
	overflow: hidden;

        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
}

.content .wood-types h1 {
    color: #fff;
    clear: both;
    display: block;
    padding-top: 30px;
    width: 100%
}

.content .archive h2 {
	color: #42210B;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-family: Georgia, sans-serif;
	margin-bottom: 10px;
}

.content .archive .post-info {
	margin-bottom: 15px;
}

.content .archive .post-info span {
	margin-right: 15px;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	color: #000;
	font-weight: bold;
	float: left;
	display: block;
	text-align: center;
	width: 55px;
	height: 61px;
	background: url(../images/archive-post-bg.jpg) no-repeat top left transparent;
}

.content .archive .post-info blockquote {
	margin: 0;
	padding: 0;
	width: 525px;
}

.content .archive .post-info span strong {
	margin-top: 5px;
	display: block;
	color: #42210B;
	font-weight: bold;
	font-size: 24px;
	font-family: Verdana, sans-serif;
}

/* account overview specific styles */

.acc-overview h1 .button-2 {
	float: right;
}

.acc-overview .left-590 p {
	width: 485px;
}



/* buttons */

.button-1, .button-2, .button-3, .button-4, .button-5, .button-6, .button-7 {
  display: block;
  text-decoration: none !important;
}

.button-1 p, .button-2 p, .button-3 p, .button-4 p, .button-5 p, .button-6 p, .button-7 p {
  font-size: 14px !important;
  color: #fff;
  font-family: Verdana, sans-serif;
}

.button-2, .button-4, .button-5, .button-6 {
	color: #fff;
}

.button-1 {
  height: 48px;
}

.button-6 {
	height: 36px;
}

.button-2, .button-5 {
  height: 26px;
}

.button-3, .button-7 {
	height: 60px;
}

.button-4 {
	height: 22px;
}

.button-1:hover, .button-2:hover, .button-3:hover, .button-4:hover, .button-5:hover, .button-6:hover, .button-7:hover {
  cursor: pointer;
  /* needs IE fix/background image reposition */
}

.button-1 b, .button-3 b, .button-6 b, .button-7 b {
	display: block;
	float: left;
}

.button-1 b {
  height: 48px;
  width: 42px;
  background: url(../images/button1-right-rollover.png) no-repeat top left transparent;
}

.button-3 b, .button-7 b {
	height: 60px;
	width: 56px;
}

.button-3 b {
	background: url(../images/button3-right-rollover.png) no-repeat top left transparent;
}

.button-7 b {
	background: url(../images/button7-left-rollover.png) no-repeat top left transparent;
}

.button-6 b {
	height: 36px;
	width: 29px;
	background: url(../images/button6-right-rollover.png) no-repeat top left transparent;
}

.button-1:hover b, .button-1:hover p {
  background-position: 0px -48px !important;
}

.button-3:hover b, .button-3:hover p {
	background-position: 0px -60px !important;
}

 .button-7:hover b, .button-7:hover p {
	background-position: right -60px !important;
}

.button-6:hover b, .button-6:hover p {
	background-position: 0px -36px !important;
}

.button-1 p, .button-3 p, .button-6 p, .button-7 p {
	width: auto !important;
	padding-bottom: 0 !important;
	padding-right: 0 !important;
	color: #fff !important;
	display: block;
	float: left;
	margin: 0 !important;
}

.button-3 p, .button-7 p {
	font-family: Verdana, sans-serif !important;
	font-style: normal !important;
	padding-top: 17px !important;
	height: 43px;
	font-size: 18px !important;
}

.button-3 p {
	padding-left: 25px !important;
	background: url(../images/button3-bg-rollover.png) no-repeat top left transparent;
}

.button-7 p {
	padding-right: 25px !important;
	background: url(../images/button7-bg-rollover.png) no-repeat top right transparent;
}

.button-1 p {
  padding-top: 13px !important;
  padding-left: 20px !important;
  height: 33px;
  font-size: 14px !important;
  background: url(../images/button1-bg-rollover.png) no-repeat top left transparent;
}

.button-6 p {
	padding-top: 9px !important;
	padding-left: 25px !important;
	padding-right: 8px !important;
	height: 27px;
	font-size:12px !important;
	background: url(../images/button6-bg-rollover.png) no-repeat top left transparent;
}

.button-2:hover p, .button-2:hover b {
  background-position: 0px -26px !important;
}

.button-5:hover b, .button-5:hover p {
	background-position: right -26px !important;
}

.button-4:hover p, .button-4:hover b {
	background-position: 0px -22px !important;
}

.button-2 p, .button-4 p, .button-5 p {
	display: block;
	float: left;
	overflow: hidden;
	color: #fff !important;
	margin: 0 !important;
	width: auto !important;
}

.button-5 p {
	height: 23px !important;
	height: 26px;
	background: url(../images/button5-bg-rollover.png) no-repeat top right transparent;
	font-size: 14px !important;
	font-family: Verdana, sans-serif !important;
	font-style: normal !important;
	padding: 3px 10px 0 2px !important;
	color: #DED9CC !important;
}

.button-2 p {
  height: 23px !important;
  height: 26px;
  background: url(../images/button2-bg-rollover.png) no-repeat top left transparent;
  padding-left: 10px;
  font-size: 14px !important;
  padding-top: 3px;
}

.button-4 p {
	height: 20px !important;
	height: 22px;
	padding-top: 2px;
	padding-left: 10px;
	font-size: 12px !important;
	margin: 0 !important;
	line-height: 1.4 !important;
	background: url(../images/button4-bg-rollover.png) no-repeat top left transparent;
}
.button-4 input {
	height: 20px !important;
	height: 22px;
	padding-top: 2px;
	padding-left: 10px;
	font-size: 12px !important;
	margin: 0 !important;
	line-height: 1.4 !important;
	background: url(../images/button4-bg-rollover.png) no-repeat top left transparent;
}
.button-2 b, .button-4 b, .button-5 b {
	float: left;
	display: block;
}

.button-5 b {
	height: 26px;
	width: 27px;
	background: url(../images/button5-right-rollover.png) no-repeat top left transparent;
}

.button-2 b {
  height: 26px;
  width: 27px;
  background: url(../images/button2-right-rollover.png) no-repeat top left transparent;
}

.button-4 b {
	background: url(../images/button4-right-rollover.png) no-repeat top left transparent;
	height: 22px;
	width: 24px;
}

.button-2.plus b {
	background: url(../images/button2-plus-right-rollover.png) no-repeat top left transparent;
}

/* joint table styles */

table.type1 td, table.type2 td, table.type3 td, table.type4 td, table.type1.alternate td table.type4 td {
	padding: 8px 5px;
}

table.type1 td, table.type3 td {
	background: #F9F4E8;
}

table.type1, table.type3, table.type4 {
	font-size: 12px;
	font-family: Verdana, sans-serif;
	width: 100%;
}

table.type1 tr:hover td, table.type3 tr:hover td, table.type4 td {
	background: #F4EBD7;
}

table.type1 a, table.type3 a, table.type4 a {
	text-decoration: none;
}

table.type1 th, table.type3 th, table.type4 th {
	font-weight: bold;
}

/* table styles */

table.type1 thead, table.type4 thead {
	border-bottom: 1px solid #000;
}


table.type1 td, table.type4 td {
	border-bottom: 1px solid #000;
}


table.type1 tr td:first-child {
	padding-left: 10px;
}

table.type1 {
	color: #000;
	margin: 20px 0;
}

table.type1 th {
	padding: 5px;
}

table.type1 tr.parent + tr.extra td {
	padding-top: 10px;
	background: url(../images/hr-bg.png) repeat-x top left #F9F4E8;
}

table.type1 tr.parent + tr.extra:hover td, table.type1 tr.extra.total:hover td.total {
	background-color: #F4EBD7;
}

table.type1 tr.parent.expanded td {
	border-bottom: 0;
}

table.type1 tr.extra {
	display: none;
	padding-top: 8px;
}

table.type1 tr.extra td:first-child {
	padding-left: 40px;
}

table.type1 tr.extra td {
	border-bottom: 0;
	padding: 2px 5px;
}

table.type1 tr.extra.total td {
	padding: 15px 5px 20px;
	border-bottom: 1px solid #000;
	font-weight: bold;
}

table.type1 tr.extra.total td.total {
		background: url(../images/table-total-bg.gif) no-repeat right 12px #F9F4E8;
}

table.type1 a.expand {
	padding-left: 20px;
	background: url(../images/table-arrow.png) no-repeat 0px 2px transparent;
}

table.type1 a.expanded {
	background-position: 0px -12px !important;
}

/* table type 1 - alternate */

table.type1.alternate {
	margin-top: 0;
}

table.type1.alternate th {
	font-weight: normal;
	font-size: 18px;
	padding-left: 0;
	padding-bottom: 15px;
}

table.type1.alternate tr.extra td {
	padding: 0;
	margin: 0;
	border-bottom: 0;
}

/*table type 4 */

table.type1.alternate tr.parent + tr.extra td {
	padding-top: 3px;
}

table.type1.alternate tr.parent + tr.extra td table.type4 td {
	padding-top: 8px;
}

table.type1.alternate table.type4 td {
	background: #F4EBD7 !important;
	border-bottom: 1px solid #000;
}

table.type4 {
	color: #000;
	width: 100%;
}

table.type4 tr td:first-child {
	padding-left: 0;
	text-align: center;
}

table.type1 table.type4 th {
	background: #F4EBD7;
	padding: 8px 5px;
	font-weight: bold;
	font-size: 12px;
}

.invoices table.type4 select {
	width: 163px;
	margin-bottom: 0;
	/*margin-left: 30px;*/
	height: 21px;
}

.invoices table.type4 span#selectlisted-invoice.select {
	margin-left: 30px;
	margin-top: -1px;
}



/* table type 2 */

table.type2 {
	margin: 5px 0 20px;
	width: 665px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #000;
}

table.type2 th {
	color: #E0E0E0;
	padding: 5px;
	font-size: 14px;
}

table.type2 td {
	background: #E0E0E0;
	padding: 5px;
}

table.type2 tr.odd td {
	background: #C5C5C6;
}

table.type2 a.delete {
	padding-left: 20px;
	display: block;
	visibility: hidden;
	margin: 3px;
	height: 15px;
	line-height: 1.2;
	background: url(../images/table-delete.png) no-repeat top left transparent;
}

table.type2 tr:hover a.delete {
	visibility: visible;
}

table.type2 a {
  color: #603813;
  text-decoration: none;
}

/* table type 3 */

table.type3 td {
	padding: 5px 10px;
}

table.type3 th {
	padding: 10px;
}

table.type3 tr.child {
	display: none;
}

table.type3 tr.child .button-4 {
	float: right;
}

table.type3 tr.parent.expanded td {
	border-top: 1px solid #42210B;
	background: #F4EBD7;
}

table.type3 tr.child.expanded {
	display: static;
}

table.type3 tr.child td {
	border-bottom: 1px solid #42210B;
	background: #F4EBD7;
}

table.type3 tr.child td p {
	float: left;
	line-height: 1.5;
	margin-left: 15px;
}

table.type3 tr.child td p:first-child {
	margin-left: 0;
}

table.type3 tr.child input {
	width: 48px;
	border: 1px solid #BABABA;
	padding: 2px;
}

table.type3 tr.child span.small{
  font-size:11px;
  color:#666666;
}

table.type3 tr:hover a.expand {
	visibility: visible;
}

table.type3 a.expand {
	float: right;
	display: inline-block;
	visibility: hidden;
	text-indent: -99999px;
	height: 15px;
	width: 15px;
	background: url(../images/table-expand.png) no-repeat top left transparent;
}

table.type3 tr.expanded a.expand {
	visibility: visible;
}

table.type3 a.expand.expanded {
	background-position: 0px -15px !important;
}


table.type3 td.full, table.type3 td.half, table.type3 td.empty {
	width: 15px;
	height: 13px;
	background-position: center center !important;
	background-repeat: no-repeat  !important;
}

table.type3 td.full {
	background-image: url(../images/table-quantity-full.png) !important;
}

table.type3 td.half {
	background-image: url(../images/table-quantity-half.png);
}

table.type3 td.empty {
	background-image: url(../images/table-quantity-empty.png);
}

/*table type5 */

table.type5 {
	font-size: 12px;
	font-family: Verdana, sans-serif;
	color: #333;
}

table.type5 th {
	padding: 7px 20px;
	background: #42210B;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

table.type5 td {
	padding: 5px 20px;
	background: #fff;
}

table.type5 tr.odd td {
	background: none;
}

table.type5 a.button-6 {
	margin-top: -10px;
	float: right;
	margin-right: -8px;
	margin-bottom: -10px;
}


.woodTypeMatai{background: url(../images/wood/matai.jpg) no-repeat top left transparent;  }
.woodTypeRimu{background: url(../images/wood/rimu.jpg) no-repeat top left transparent;    }
.woodTypeRosewood{background: url(../images/wood/rosewood.jpg) no-repeat top left transparent;    }
.woodTypeAkwa{background: url(../images/wood/akwa.jpg) no-repeat top left transparent;}
.woodTypeBeech{background: url(../images/wood/beech.jpg) no-repeat top left transparent;    }
.woodTypeTasmanianOak{background: url(../images/wood/tasman-oak.jpg) no-repeat top left transparent;    }
.woodTypeSalligna{background: url(../images/wood/salligna.jpg) no-repeat top left transparent;    }
.woodTypeKwila{background: url(../images/wood/kwila.jpg) no-repeat top left transparent;    }
.woodTypeVitex{background: url(../images/wood/vitex.jpg) no-repeat top left transparent;}

.errorBox, ul.error_list{
    width:99%;
    background-color:#ff9999;
    border:1px solid #ff0000;
    padding:5px;
    margin: 5px 0 10px 0;
}

.successBox {
    width:100%;
    background-color: #F1F8E8;
    border: 1px solid #46B101;
    color: #349400;
    padding:5px;
    margin-bottom: 10px;
}

.login-page .error_list{
  width: 35%;
}

.acceptBox{
    width:100%;
    background-color:#66ff66;
    border:1px solid #009900;
    padding:5px;
    margin-bottom: 10px;
}
ul.invoiceProjectSelector * {margin:0; padding:0;}
ul.invoiceProjectSelector a {color: #000; text-decoration:none; display:block;}
ul.invoiceProjectSelector {margin:0; padding:0; list-style:none; color:#000; width:290px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.invoiceProjectSelectorSelected {width:285px; color:#000; height:19px; padding:3px 0 0 6px; float:left; background:url('../images/navbox-search-select-small.png') top left no-repeat transparent;}
.invoiceProjectSelectorSelected span {width:284px; display:block; background:url('../images/navbox-search-select-small.png') top left no-repeat transparent;}
ul.invoiceProjectSelector li a {padding:3px 8px; display: block;}
ul.invoiceProjectSelector li a:focus {-moz-outline-style: none;}
.selectedTxt {width:258px; overflow:hidden; height:16px; padding:0 23px 0 0;}
.hiLite {background:#650101!important; color:#fff!important;}
.hiLite a {background:#650101!important; color:#fff!important;}
.invoiceProjectSelectorHover {background:#ccc!important; color:#000!important; cursor:default;}
.invoiceProjectSelectorSelHover, .invoiceProjectSelectorSelFocus {background-position:0 -22px; cursor:default;}
.invoiceProjectSelectorOptionTitle {font-weight:bold;}
.invoiceProjectSelectorOptionTitle ul {margin:3px 0 0;}
.invoiceProjectSelectorOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

.yt-video {
    margin-top: 30px;
    background: url(../images/content-rhs-bg-repeating.png) repeat-y top left transparent;
    padding:20px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.float-spacing {
    float: left;
    margin: 0 25px 25px 0
}

p.resource-date {
    padding-top: 10px;
    border-top: 1px solid #ccc;
    color: #888;
    font-size: 0.75em;
    font-weight: bold;
}


.nav-hours {
    border-left: solid 1px #000;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    float: right;
    line-height: 13px;
    margin:26px 0 0;
    padding-left: 20px;
}