html, body { 
height : 100%; 
min-width : 760px; 
text-align : center; 
} 
body { 
margin : 0; 
padding : 0; 
text-align : center; 
background : #dee3e5; 
font : small/1.4em verdana, arial, sans-serif; 
color : #111; 
min-width : 760px; 
voice-family : "\"}\""; 
} 
html > body { 
font-size : small; 
} 
#cage { 
margin : 0 auto 0 auto; 
width : 760px; 
padding : 0 0 0 0; 
text-align : left; 
background : #fff url("http://www.barkhamofficefurniture.co.uk/images/bg.gif") repeat-y 50% 0%; 
border-top : 5px solid #eee; 
border-bottom : 1px solid #999; 
} 
#header { 
position : relative; 
background-color : #fff; 
margin : 0 1px; 
z-index : 0; 
} 
#toplogo { 
padding : 0; 
margin : 0; 
height : 40px; 
border-top : 1px solid #999; 
} 
#mainlogo { 
background : #94cce5 url("http://www.barkhamofficefurniture.co.uk/images/mainlogo.gif") repeat-x 0 100%; 
height : 120px; 
position : relative; 
margin : 0 1px; 
padding-left : 20px; 
color : #fff; 
font : 16px verdana, arial, sans-serif; 
font-weight : bold; 
} 
#mainlogo #mainlogofocus { 
padding : 0 30px 0 0; 
margin : 0; 
height : 120px; 
width : 638px; 
voice-family : "\"}\""; 
voice-family : inherit; 
width : 480px; 
} 
html > body #mainlogofocus { 
width : 480px; 
} 
#mainlogo div a { 
color : #ffffff; 
font-weight : normal; 
} 
div#mainlogo a { 
color : #ffffff; 
font-weight : normal; 
} 
html > body #mainlogo div#quote { 
background-image : url("http://www.barkhamofficefurniture.co.uk/images/back.png"); 
width : 140px; 
} 
#mainlogo div p { 
font : 14px verdana, arial, sans-serif; 
margin : 0 0 10px 0; 
padding : 0; 
line-height : 1.2em; 
} 
div#splitnav1 { 
background-color : #eeeedd; 
border-top : 1px solid #000000; 
border-bottom : 1px solid #000000; 
border-left : 1px solid #000000; 
border-right : 1px solid #000000; 
padding : 1px; 
} 
div#splitnav2 { 
background-color : #eeeedd; 
border-top : 1px solid #000000; 
border-bottom : 1px solid #000000; 
border-left : 1px solid #000000; 
border-right : 1px solid #000000; 
padding : 1px; 
} 
#content { 
margin : 5px 20px 15px 180px; 
font : 12px Verdana, Arial, sans-serif; 
line-height : 1.3em; 
} 
html > body #content { 
margin : 10px 0 40px 180px; 
min-height : 360px; 
} 
#content a:link, #content a:visited { 
color : #1c3680; 
} 
#content a:hover { 
color : #ff6600; 
} 
.topnav { 
font : 12px Verdana, Arial, sans-serif; 
} 
a.topnav:link.selected, a.topnav:hover { 
color : #ff6600; 
} 
#content h1 { 
margin : 0 0 0 0; 
font-family : Verdana, Arial, Garamond, sans-serif; 
font-size : 20px; 
line-height : 1.4em; 
font-weight : normal; 
color : #1c3680; 
} 
#content h2, .pagedescription { 
margin-top : 3px; 
font : 18px Verdana, Arial, Garamond, sans-serif; 
font-weight : normal; 
color : #1c3680; 
line-height : normal; 
} 
h2#content a:link, h2#content a:visited { 
color : #1c3680; 
border-bottom : 1px solid; 
} 
h2#content a:link.selected, h2#content a:hover { 
color : #ff0000; 
border-bottom : 1px solid; 
} 
#content h3 { 
margin : 0 0 0 0; 
font : 1.5em Times New Roman; 
color : #1c3680; 
font-weight : normal; 
} 
.menuheading { 
font-family : Verdana, Arial, sans-serif; 
font-size : 18px; 
line-height : 1.6em; 
font-weight : bold; 
color : #1c3680; 
} 
#menu { 
color : #f34a07; 
float : left; 
padding : 5px 3px 20px 10px; 
voice-family : "\"}\""; 
voice-family : inherit; 
width : 155px; 
} 
html > body #menu { 
width : 155px; 
} 
#menu ul { 
padding : 0 0 5px 12px; 
margin : 0; 
list-style : none; 
font-family : Garamond, Verdana, Arial, sans-serif; 
font-size : 18px; 
background-repeat : no-repeat; 
background-position : 0 5px; 
text-decoration : none; 
font-weight : normal; 
} 
#menu li { 
padding : 0 5px 2px 0; 
} 
#menu ul li a { 
line-height : 1.1em; 
font-weight : normal; 
color : #f34a07; 
text-decoration : none; 
border-bottom : 1px; 
border-bottom-style : solid; 
border-color : #000000; 
} 
#menu ul li a:hover, #address a:hover { 

border-bottom : 1px; 
border-bottom-style : solid; 
color : #5b0701; 
border-color : #5b0701; 
} 
#bottomnav { 
margin : 5px 20px 15px 180px; 
font : 14px "Times New Roman", Times, Serif; 
line-height : 1.3em; 
} 
html > body #bottomnav { 
margin : 10px 0 40px 200px; 
} 
a.bottomnav:link, a.bottomnav:visited { 
font-size : 12px; 
color : #062fab; 
font-weight : normal; 
text-decoration : none; 
} 
a.bottomnav:link.selected, a.bottomnav:hover { 
font-size : 12px; 
color : #5b0701; 
} 
#footer { 
margin : 0 0 0 0; 
text-align : center; 
font-size : 12px; 
padding : 0 0 2px 0; 
clear : both; 
} 
#footer a { 
font-weight : normal; 
} 
.copyright { 
font : 1em Times New Roman; 
text-align : center; 
} 
.product-idx-header { 
background-color : #dee3e5; 
font-weight : bold; 
vertical-align : middle; 
text-align : center; 
} 
.productname { 
background-color : #dee3e5; 
font-weight : bold; 
vertical-align : middle; 
text-align : left; 
font-size : 14px; 
margin-left : 5px; 
} 
.productdesc { 
text-align : left; 
vertical-align : middle; 
margin-top : 4px; 
} 
.productbullets { 
vertical-align : middle; 
} 
.productbullets ul { 
margin-top : 5px; 
} 
.productprice { 
font : 2em Times New Roman; 
color : #062fab; 
text-align : right; 
vertical-align : bottom; 
font-weight : normal; 
margin-left : 5px; 
margin-right : 5px; 
} 
.img-box { 
vertical-align : middle; 
text-align : center; 
text-decoration : none; 
padding : 5px; 
} 
a.img-box { 
text-decoration : none; 
} 
img.framed { 
padding : 6px; 
border : 1px solid #ccc; 
background-color : #fff; 
} 
.pad-img img { 
padding-left : 2px; 
padding-bottom : 2px; 
} 
#lightbox { 
position : absolute; 
top : 40px; 
left : 0; 
width : 100%; 
z-index : 100; 
text-align : center; 
line-height : 0; 
} 
#lightbox a img { 
border : none; 
} 
#outerImageContainer { 
position : relative; 
background-color : #fff; 
width : 250px; 
height : 250px; 
margin : 0 auto; 
} 
#imageContainer { 
padding : 10px; 
} 
#loading { 
position : absolute; 
top : 40%; 
left : 0%; 
height : 25%; 
width : 100%; 
text-align : center; 
line-height : 0; 
} 
#hoverNav { 
position : absolute; 
top : 0; 
left : 0; 
height : 100%; 
width : 100%; 
z-index : 10; 
} 
#imageContainer > #hoverNav { 
left : 0; 
} 
#hoverNav a { 
outline : none; 
} 
#prevLink, #nextLink { 
width : 49%; 
height : 100%; 
background : transparent url(http://www.barkhamofficefurniture.co.u/images/lightbox/blank.gif) no-repeat; 
display : block; 
} 
#prevLink { 
left : 0; 
float : left; 
} 
#nextLink { 
right : 0; 
float : right; 
} 
#prevLink:hover, #prevLink:visited:hover { 
background : url(http://www.barkhamofficefurniture.co.u/images/lightbox/prevlabel.gif) no-repeat left 15%; 
} 
#nextLink:hover, #nextLink:visited:hover { 
background : url(http://www.barkhamofficefurniture.co.u/images/lightbox/nextlabel.gif) no-repeat right 15%; 
} 
#imageDataContainer { 
font : 10px Verdana, Helvetica, sans-serif; 
background-color : #fff; 
margin : 0 auto; 
line-height : 1.4em; 
} 
#imageData { 
padding : 0 10px; 
} 
#imageData #imageDetails { 
width : 70%; 
float : left; 
text-align : left; 
} 
#imageData #caption { 
font-weight : bold; 
} 
#imageData #numberDisplay { 
display : block; 
clear : left; 
padding-bottom : 1em; 
} 
#imageData #bottomNavClose { 
width : 66px; 
float : right; 
padding-bottom : 0.7em; 
} 
#overlay { 
position : absolute; 
top : 0; 
left : 0; 
z-index : 90; 
width : 100%; 
height : 500px; 
background-color : #000; 
} 
.clearfix:after { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
} 
* html > body .clearfix { 
display : inline-block; 
width : 100%; 
} 
* html .clearfix { 
height : 1%; 
} 
.greetext { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #006600; 
} 
.blacktext { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
} 
.checkout { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
} 
.checkoutinput { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
} 
.nopcart { 
background : #464444; 
border : 1px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #ffffff; 
} 
.nopheader { 
background : #464444; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #ffffff; 
} 
.nopentry { 
background : #ffffff; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
} 
.noptotal { 
background : #ffffff; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
} 
.nopbutton { 
background : #ffffff; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
}