﻿
body {color: #808080;}
a {color:#000;text-decoration:none;}
a:hover, a:focus {color: #000;}

.floatleft {float: left;}
.floatright {float: right;}

/* barn orange */
.body-home .moreprod .slogan span,.about h2 span,.fitout h2,.sidebar .hirebox a.more,.crumbs, .crumbs a {color:#f90;}

/* narrow things */
.body-home .spot h2, .body-home .moreprod .slogan,.about h2,.fitout h2,.sidebar .hirebox h3  {font-family:Arial Narrow, Arial, Sans-Serif;}

.outer {width:981px;margin:0 auto;}
.main {width:100%;float:left;margin: 0 0 20px 0;}

/* buttons */
a.btn {display:block;background-repeat:no-repeat;height:39px;text-indent:-999em;outline:none;}
a.btn:hover, a.btn:focus {background-position:left bottom;}

a.btnsend {background-image:url(../images/btn-send.gif);width:93px;}
a.btnsubmit {background-image:url(../images/btn-submit.gif);width:180px;}
a.btnsubmittestim {background-image:url(../images/btn-submit-testimonial.gif);width:187px;float:right;}
a.btncheckout {background-image:url(../images/btn-checkout.gif);width:163px;}
a.btnlogin {background-image:url(../images/btn-login.gif);width:99px;}
a.btnregister {background-image:url(../images/btn-register.gif);width:99px;}
a.btnaddchecked {background-image:url(../images/btn-addchecked.gif);width:201px;float:right;}
a.btnupdatecart {background-image:url(../images/btn-updatecart.gif);width:163px;}
a.btnaddtoquote {background-image:url(../images/btn-addtoquote.gif);width:99px;float:right;}
a.btnaddtocart {background-image:url(../images/btn-addtocart.gif);width:281px;float:right;margin: 0 0 0 3px}
a.btnaddcoupon {background-image:url(../images/btn-addcoupon.jpg);width:163px;}
a.btndeletecoupon {background-image:url(../images/btn-deletecoupon.jpg);width:163px;}
a.btnpaynow {background-image:url(../images/btn-paynow.gif);width:136px;height:51px;}

a.btnprint {float:right;display:block;background:url(../images/ico-print.gif) no-repeat top left;line-height:16px;color:#808080;padding: 0 0 0 22px;width:70px;}
a.btnprint:hover, a.btnprint:focus {color:#000;}
a.btnlearnmore {background-image:url(../images/btn-learnmore.gif);width:80px;height:27px;display:block;background-repeat:no-repeat;}
a.btnlearnmore:hover, a.btnlearnmore:focus {background-position:left -27px;}

.header {padding: 0 15px 15px 15px;width:951px;float:left;}
.header img.logo {float:left;padding:0 50px 0 0;}
.header .location {width:116px;float:left;color:#6d6d6d;padding:28px 0 0 0;line-height:23px;}
.header .location span {display:block;width:100%;font-size:1.5em;color:#1A2674;}
.header .phone {width:211px;float:left;font-size:1.7em;padding:17px 0 0 40px;color:#ffaf04;}
.header .phone span {color:#c84443;font-size:1.5em;display:block;font-weight:bold;}

.mainnav {float:left;width:100%;background:url(../images/bg-mainnav.gif) repeat-x;line-height:32px;color:#000;}
.mainnav .slogan {float:right;padding: 0 15px 0 0;}
.nav {line-height:1.0;}
.nav ul {position:absolute;	top:-999em;	width:230px;}
.nav ul li,.nav a {width: 100%;}
.nav li {float:left;position:relative;z-index:99;}
.nav a {display:block;}
.nav li:hover ul,ul.nav li.sfHover ul {left:-1px;top:2.5em;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:230px;top:0px;}
.superfish li:hover ul,.superfish li li:hover ul {top: -999em;}
.nav {float:left;width:720px;}
.nav li {float:left;width:90px;display:inline;position:relative;}
.nav a {text-decoration:none;text-align:center;display:block;line-height:32px;color:#000;font-weight:bold;white-space:nowrap;}
.nav li li a {text-align:left;text-indent:1em;line-height:1.6em;color:#d3e1ee;border-bottom:1px solid #448cd3;font-weight:normal;}
.nav li li a:hover, .nav li li a:focus {color:#ffd438;}
.nav li:hover, .nav li.sfHover,.nav a:focus, .nav a:hover, .nav a:active {color:#ffd438;}
.nav li li {background:#084886;}
.nav li li li {background:#2165a6;}
.nav li li li li {background:#367abb;}
.nav li a:hover, .mainnav li a:focus {color:#126ac1;}
.nav a.on {background:url(../images/bg-mainnav-on.gif) no-repeat;margin:-2px 0 0 0;position:relative;color:#fff;width:89px;line-height:36px;}
.nav a.on:hover, .nav a.on:focus {color:#fff;}

.subnav {background:url(../images/bg-subnav.gif) repeat-x;margin:-2px 0 0 0;width:961px;float:left;height:57px;padding: 13px 8px 0 12px;}
.subnav .search input {float:left;}
.subnav .search input.text {padding: 4px 3px 0 3px;width:178px;margin: 0 3px 0 0;height:18px;color:#858585;}
.subnav ul {list-style:none;float:right;padding-top:10px;}
.subnav li {float:left;background:url(../images/subnav-sep.gif) no-repeat center left;padding: 0 10px;}
.subnav li.first {background:none;}
.subnav li a {color:#7a7251;text-decoration:none;}
.subnav li a:hover, .subnav li a:focus {color:#000;}

.body {float:right;width:779px;margin: 0 0 20px 0;}
.body h3 {color:#808080;padding: 0 0 10px 12px;}
table.form {margin: 20px auto;}
.form td, .form th {padding-bottom: 6px;}
table.regform {border-bottom:1px solid #e5e5e5;width:100%;margin: 0 0 20px 0;}
.regform th {background-color:#fafafa;border-right:1px solid #fff;padding:8px 8px 8px 55px;width:113px;}
.regform small {color:#858585;}
.regform td {background-color:#f6f6f6;padding:8px 0 8px 16px;}
.regform tr.option th {background-color:#ededed !important;border-bottom:1px solid #fff;}

.crumbs {float:left;font-size:0.9em;width:650px;padding:0 0 10px 0;}
.crumbs span {color:#808080;}
.crumbs a:hover, .crumbs a:focus {text-decoration:underline;}

.greeting {float:right;font-size:1.15em;}
.notebox {background-color:#fafafa;float:left;width:100%;border-bottom:1px solid #e5e5e5;margin:0 0 0 0;}
.notebox p {margin:0;padding:15px;}

.maincontent {float:left;width:580px;background:url(../images/bg-maincontent.gif) repeat-x bottom left;min-height:531px;line-height:1.4em;}
.maincontent_wide {width:100%;}
.maincontent a {color:#3479BE;text-decoration:underline;}
.maincontent a:hover, .maincontent a:focus {color:#000;}
.maincontent .bodycontent {padding:30px 20px;color:#000;}
.maincontent h2 {font-size:1.5em;font-weight:normal;line-height:1.3em;padding: 0 0 15px 0;}
.maininfo {float:right;width:199px;}
.maincontent_med {width:484px;padding: 0 2px 0 0;float:left;border-right:293px solid #fffbe8;margin:0 0 25px 0;}
.hilite {width:233px;float:left;margin:0 0 0 -293px;padding: 325px 30px 0 30px;}

.paymentsummary .price {font-size:1.3em;font-weight:bold;}
.paymentsummary .total {font-size:1.8em;color:#367cc1;padding:25px 0;font-weight:bold;}

.catdescription {clear:both; width:769px; padding:5px;}

.featprods {float:left;width:100%;padding: 15px 0;}
.featprods .main {width:377px;float:left;padding:23px 12px 0 0;}
.featprods .main span {color:#FFAF04;font-weight:bold;font-size:1.3em;display:block;padding: 0 0 12px 0;}
.featprods .main .price {color:#1A68B3;font-size:1.8em;padding: 0 0 12px 0;}
.featprods .main img {float:left;}
.featprods .main .content {float:right;width:163px;}
.featprods .sub {width:188px;float:left;border:1px solid #DBDBDB;margin: 0 0 0 5px;text-align:center;padding:0 0 10px 0;min-height:300px; height:100% auto; height:300px;}
.featprods .sub .content {padding: 5px 20px;font-size:0.9em;line-height:1.2em;text-align:left;}
.featprods .sub p {margin: 0 0 6px 0;}
.featprods .sub .price {color:#1A68B3;font-weight:bold;padding: 0 0 6px 0;}
.featprods h2 {color:#808080;font-size:1em;font-weight:bold;}

table.prodlist {width:100%;margin-bottom:30px;}
.prodlist td {vertical-align:top;border-top:1px solid #e5e5e5;padding:20px 10px;}
.prodlist tr.first td {border-top:none;}
.prodlist h3 {margin:0;padding:0;}
.prodlist .img {width:105px;} 
.prodlist .img img {border:1px solid #e5e5e5;}
.prodlist .cb {width:25px;}
.prodlist .info {padding-right:20px;}
.prodlist .info a.more {display:block;font-size:0.9em;color:#808080;}
.prodlist .info a.more:hover, .prodlist .info a.more:focus {color:#000;}
.prodlist .summary {font-size:1.1em;font-weight:bold;line-height:1.7em;width:200px;background:url(../images/quote-td-sep.gif) no-repeat left center;}
.prodlist .summary input.text {width:20px;}
.prodlist .summary .total {color:#367CC1;font-size:1.6em;padding: 15px 0 0 0;}
.sresults .summary {padding: 40px 0 0 25px;font-size:1.3em;}

/* Order history */
table.ordhist {border-top:1px solid #e5e5e5;border-bottom:1px solid #b6b6b6;background:url(../images/bg-moreprod.gif) repeat-x bottom;margin-top:4px;}
.ordhist .summary span.value {font-size:1.4em;}
.ordhist a.reorder {display:block;width:182px;height:33px;background:url(../images/btn-repeat-order.gif) no-repeat;margin:-38px 0 15px 0;position:relative;}
.ordhist a.reorder:hover, .ordhist a.reorder:focus {background-position:left -33px;}

/* paging */
.pages {text-align:right;padding: 0 0 20px 0;clear:both;}
.pages a,.pages strong {color:#808080;padding: 0 6px;text-decoration:none;}
.pages a.on { text-decoration: underline; }

/* product details */
.proddet .images {width:332px;float:left;padding: 0 3px 0 30px;}
.proddet .images .mainimg {text-align:center;border:1px solid #E5E5E5;}
.proddet .proddesc {width:207px;float:left;margin: 0 1px 0 0;background:url(../images/bg-proddesc.jpg) repeat-x;padding: 15px 23px;line-height:1.2em; position:relative; z-index:1}
.proddet .proddesc .instock {position:absolute;top:5px;right:5px; z-index:2;} 
.proddet .proddesc h2 {color:#000;padding:0 52px 7px 0;}
.proddet .proddesc h2.notinstock { padding-right:0; }
.proddet .prodoptions {width:126px;float:left;background:url(../images/bg-prodoptions.gif) repeat-x;padding: 14px 17px;}
.proddet .prodoptions h3 {clear:both;padding:10px 0 2px 0;border-bottom:1px solid #b6b6b6;margin: 0 0 15px 0;}
.proddet .prodoptions .sep {padding: 0 0 20px 0;}
.proddet .prodoptions .price {color:#3479BE;font-size:1.7em;}
.proddet .prodoptions label.variant {width:46px;float:left;text-align:left;padding:0 5px 0 0;}
.proddet .prodoptions input.text {width:67px;float:left;margin:0 0 9px 0;}
.proddet .prodoptions select {width:100%;float:left;margin:0 0 9px 0;padding:0;font-size:10px;}
.proddet .prodoptions .colour span,.proddet .prodoptions .colour input {float:left;}
.proddet .prodoptions label.colour {display:block;float:left;width:100%;margin:0 0 12px 0;cursor:pointer;}
.proddet .prodoptions .colour span {display:block;width:73px;height:20px;border:1px solid #B6B6B6;}
.proddet .enlarge {display:block;text-align:right;width:100%;background-color:#E5E5E5;border-top:1px solid #e5e5e5;}
.proddet .prodsummary {width:100%;background:url(../images/bg-moreprod.gif) repeat-x bottom;float:left;border-bottom:1px solid #B6B6B6;padding: 0 0 35px 0;}
.proddet .featprods .sub {width:188px;}
.proddet .options {float:right;line-height:39px;width:708px;padding:0 6px 0 0;}
.proddet .options a.pdf,.proddet .options a.print {float:left;color:#858585;text-decoration:none;display:block;padding:0 0 0 23px;background:no-repeat;line-height:18px;margin:12px 0 0 0;}
.proddet .options a.pdf:hover,.proddet .options a.pdf:focus,.proddet .options a.print:hover,.proddet .options a.print:focus {color:#000;}
.proddet .options a.pdf {background-image:url(../images/ico-pdf.gif);margin-right:15px;}
.proddet .options a.print {background-image:url(../images/ico-print.gif);}

.body-home .featprod {float:left;width:100%;background:url(../images/bg-featprod.jpg) repeat-x bottom;padding: 0 0 0 0;}
.body-home dl {float:left;}
.body-home dt {text-align:center;}
.body-home dd.btn a {background:no-repeat bottom left;width:150px;height:96px;display:block;position:relative;text-indent:-1000em;margin: -70px 0 0 0;outline:none !important;}
.body-home dd.btn a:hover, .body dd.btn a:focus {background-position:-150px 0;}
.body-home .prod1 a {background-image:url(../images/btn-desks-home.png);}
.body-home .featprod ul {list-style:none;padding:12px 6px 0 15px;float:left;}
.body-home .featprod li {float:left;text-align:center;}
.body-home .featprod li a {background:no-repeat bottom left;width:150px;height:96px;display:block;float:left;position:relative;text-indent:-1000em;margin: -70px 0 0 0;}
.body-home .featprod li a:hover, .body .featprod li a:focus {background-position:-150px 0;}
.body-home .featprod .prod1 a {background-image:url(../images/btn-desks-home.png);}
.body-home .featprod .prod2 a {background-image:url(../images/btn-chairs-home.png);}
.body-home .featprod .prod3 a {background-image:url(../images/btn-storage-home.png);}
.body-home .moreprod {width:580px;border:none;}
.body-home .spot {width:239px;height:293px;float:left;margin: 1px 0 -10px 0;background:url(../images/bg-home-spotlight.png) no-repeat;padding: 13px 16px 0 40px;}
.body-home .spot {width:240px;height:275px;float:left;margin: 0 0 -10px 0;background:url(../images/bg-home-spotlight.png) no-repeat;padding: 13px 27px 0 27px;}
.body-home .spot .content {float:right;width:118px;}
.body-home .spot a.btnlearnmore {float:right;}
.body-home .spot img.feature {float:left;padding:0 5px 0 3px;}
.body-home .spot, .body-home .spot p {color:#8e8e8e;}
.body-home .spot p {font-size:0.9em;line-height:1.3em}
.body-home .spot h2 {color:#909090;font-weight:bold;padding: 10px 0 4px 0;font-size:1.8em;line-height:1em;}.moreprod {float:left;width:100%;border-bottom:1px solid #B6B6B6;}
.moreprod .row {background:url(../images/bg-moreprod.gif) repeat-x bottom left;float:left;width:100%;padding:15px 0 12px 0;height:160px;}
.moreprod h2 {color:#808080;font-size:1em;padding: 15px 0 7px 10px;}
.moreprod dl {float:left;width:194px;}
.body-home .moreprod dl {width:143px;}
.prod-home .moreprod dl {width:155px;}
.moreprod dt {min-height:104px;height:auto !important; height:104px;text-align:center;}
.moreprod dd {text-align:center;padding: 4px 0;font-weight:bold;}
.moreprod dd a {text-decoration:none;color:#808080;font-size:1.15em;}
.moreprod .slogan {color:#8e8e8e;font-size:2.3em;text-align:center;font-weight:bold;float:left;width:250px;padding: 10px 0 0 0;line-height:1.1em}
.moreprod .slogan span {display:block;padding: 4px 0 0 0;font-size:1.2em}

.about {width:182px;padding:13px 6px 0 0;float:right;font-size:0.95em;}
.about .blurb {border:1px solid #dbdbdb;width:176px;}
.about .blurb img {margin:0 0 5px 0;}
.about p {margin:0;padding:7px 0;}
.about h2 {font-size:2em;line-height:1em;padding:0 0 8px 0;}
.about h2 span {display:block;}
.fitout {border:1px solid #dbdbdb;float:left;width:109px;padding:7px 60px 5px 7px;min-height:87px;margin:5px 0 0 0;background: url(../images/map-fitout.gif) no-repeat top right;}
.fitout h2,.fitout p {padding:0;}
.about .blurb h2, .about .blurb p {padding:7px;}

/* locations */
.locations .box {background:url(../images/bg-moreprod.gif) repeat-x bottom left;border-bottom:1px solid #B6B6B6;float:left;width:725px;margin: 0 0 9px 0;padding:27px;}
.locations .box img {float:left;border:1px solid #E5E5E5;margin:0 8px 0 0;}
.locations .box .content {float:left;width:350px;color:#000;padding: 0 0 0 7px;}
.locations .box .content h2 {font-size:1.2em;font-weight:bold;padding: 0 ;}
.locations .box .content h2 span {display:block;}
.locations .box .content h3 {color:#1A68B3;padding:0 0 3px 0;}
.locations .box .content .hours {font-size:1.15em;}
.locations .thumb {float:left;width:155px;margin-right:10px;}
.locations .map {float:left;width:155px;margin-right:15px;}

/* testimonials */
.testim .box {border-top:1px solid #e5e5e5;float:left;width:100%;padding:15px 0;}
.testim .first {border:none;}
.testim .box .image {float:left;width:114px;margin-right:14px;} 
.testim .box .content {float:left;width:369px;color:#000;padding: 0;}
.testim .box h2 {margin:0;padding:0 0 8px 0;color:#1a68b3;font-size:1.1em;font-weight:bold;}
.testim .pages {clear:none !important;float:left !important;padding:11px 0pt 0pt;text-align:left;width:353px;}

.sidebar {width:187px;float:left;padding: 0 0 5px 0;}
.sidebar h2 {font-size:1.5em;font-weight:normal;padding: 0 0 0 20px}

/* level 1 */
.sidebar ul.prodnav {list-style:none;font-size:1.15em;padding:10px 0 25px 0;}
.sidebar .prodnav li a {display:block;text-decoration:none;color:#808080;background:url(../images/arrow-right.gif) no-repeat 23px 9px;padding: 0 0 0 35px;line-height:1.7em;min-height:23px; height:auto !important; height:23px;}
.sidebar .prodnav li a:hover, .sidebar .prodnav li a:focus {background-color:#fff9cf;}
.sidebar .prodnav li.on a,.sidebar .prodnav li.on a:hover,.sidebar .prodnav li.on a:focus {background-color:#eee;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC; min-height:20px; height:auto !important; height:20px;} /* affects all list items under the "on" one */
 
/* level 2 */
.sidebar .prodnav li ul {list-style:none;}
.sidebar .prodnav li li a {background:#f9f9f9;font-size:0.85em;padding-left:45px;border-top:1px solid #eee;}
.sidebar .prodnav li li a:hover, .sidebar .prodnav li li a:focus {background:#f9f9f9;color:#3479BE;}
.sidebar .prodnav li li a.more,.sidebar .prodnav li li a.more:hover, .sidebar .prodnav li li a.more:focus  {background-repeat:no-repeat;background-position:171px 8px;}
.sidebar .prodnav li li a.more {background-image:url(../images/bg-subnav-off.gif);}
.sidebar .prodnav li li a.more:hover, .sidebar .prodnav li li a.more:focus {background-image:url(../images/bg-subnav-on.gif);}

/* level 3 */
.sidebar .prodnav li li li a {padding-left:60px;}
.sidebar .prodnav li li li.first a,.sidebar .prodnav li li li.first a:hover,.sidebar .prodnav li li li.first a:focus {border:none;}
.sidebar .prodnav li.on li a,.sidebar .prodnav li.on li a:hover,.sidebar .prodnav li.on li a:focus {border-top:1px solid #fff;border-bottom:none;}
.sidebar .prodnav li.on li a:hover, .sidebar .prodnav li.on li a:focus {color:#000 !important;}

.sidebar .hirebox {padding:3px;background:url(../images/bg-hirebox.jpg) repeat-x;float:left;width:181px;margin:0 0 15px 0;}
.sidebar .hirebox h3 {font-size:1.4em;}
.sidebar .hirebox .content {background:#fff;padding:7px 5px;}
.sidebar .hirebox a.more {display:block;}
.sidebar .hirebox p {margin:0;padding:10px 0 4px 0;}
.sidebar .hirebox .note {font-size:1.6em;text-align:right;padding:0 15px 0 60px;color:#5d5435;background:url(../images/red-chair.png) no-repeat 0 0;height:104px;margin-top:17px;}
.sidebar .hirebox .note img {float:left}

ul.tabs {float: left;width: 759px;border-bottom:1px solid #b6b6b6;padding: 0 0 0 20px;margin: 0 0 25px 0;}
.tabs li {display: inline; float: left; margin: -16px 1px 0 0;position:relative;}
.tabs li a {float: left; display: block; text-align: center; text-decoration: none; background:url(../images/bg-tab.gif) no-repeat top left;padding: 0 0 0 20px;line-height:30px;color:#BFBFBF;}
.tabs li a span {display: block;padding: 0 20px 0 0;background:url(../images/bg-tab.gif) no-repeat top right;}
.tabs li a.on {margin:-5px 0 -1px 0;position:relative;line-height:36px;color:#808080;font-size:1.3em}
.tabs li a:hover, .tabs li a:focus {color:#808080;}

.footer {clear:both;border-top:1px solid #e2e2e2;padding:107px 0 0 0;}
.footer .footernav {font-size:0.9em;}
.footer a {color:#808080;}
.footer a:hover, .footer a:focus {color:#000;}
.footer a.willogo {float:right;padding:9px 76px 10px 0;display:block;width:114px;background:url(../images/logo-wiliam.gif) no-repeat right top;}
.footer .note {padding:16px 0 0 0;}

/* popup */


.jqmWindow {display: none;position: absolute;top: 170px;left: 50%;margin-left: -300px;width:700px;height:auto;background-color: #fff;color: #333;border: 1px solid #686868;padding: 9px;}
.jqmWindow .shots {width:100%;background:#fff;text-align:center;}
.jqmWindow .shots h2 {padding:20px 0;}
.jqmWindow .enqform {clear:both;background:#fff;}
.jqmWindow .enqform h2, .jqmWindow .enqform h3 {padding: 15px 0 5px 15px;margin:0;}
.jqmWindow table th,.jqmWindow table td {padding: 3px 25px;}
.jqmWindow table {width:100%;}
.jqmWindow table th {background-color:#fafafa;}
.jqmWindow table td {background-color:#f6f6f6;}
.jqmWindow .jqmClose, .jqmWindow .jqmClose:hover,.jqmWindow .jqmClose:focus {color:#333;text-decoration:none;padding: 0 5px 3px 0;font-weight:bold;}
.jqmWindow .note {background-color:#fffbe8;padding:10px 15px;color:#367cc1;font-size:1.4em;}

.jqmWindow .images .mainimg {border:none;}
.jqmWindow .images .mainimg img {border:1px solid #E5E5E5;padding:10px;}

.printoptions { display:none; }

.registerpanel{ float:left; background:url(../images/bg-checkout.png) 0 0 repeat-y; }

.registerpanel table.form{ margin:0 20px 20px 20px; } 
.login h2{ margin:20px 0 0  20px; }
.login{ float:left; width:290px;}
.login input{ width:auto; }

.register{ float:right;width:270px;padding:20px 0 0 20px;display:inline;}
.register input{ width:auto; }
