/* CSS Document */

/* page structure */
body {background:#322; margin:0px; padding:0px; font:13px/16px Arial, Helvetica, sans-serif;}
#body{background:url(images/background.gif) repeat top left; width:790px;}
#main{background:url(images/header.jpg) no-repeat top left; margin:0 10px; width:770px;}
#heading{height:190px; margin:0px; padding:0px;}
#headimg{float:none; position:relative; top:6px; left:258px; margin:0; padding:0px; height:132px;}
#headimg img{width:212px; height:119px; border:0px solid #bb8;}
#content{margin:20px 20px 5px 20px; padding:0px; text-align:left;}

/* fonts */
p{margin:10px 20px;}
a{color:#900;}
a:visited{color:#036;}
h1{font:bold 24px/28px Arial, Helvetica, sans-serif; margin:0 20px 10px 20px; padding:0px;}
h2{font:bold 16px/20px Arial, Helvetica, sans-serif; margin:20px 20px 10px 20px; padding:0px;}
ul{margin:0 30px; padding:0px;}
li{margin:10px 20px; padding:0px;}
table{margin:0 20px;}
.asterix {color:#990000;}

/* Thunbnail Quoting Area with links */
#thumbnail {list-style:none; width:300px;}
#thumbnail ul{padding:0px; margin:0;}
#thumbnail li{padding:3px; margin:0px 10px 0px 30px; font:bold 13px/22px Arial, Helvetica, sans-serif;}
#thumbnail a{text-decoration:none; color:#322;}
#thumbnail li:hover,
#thumbnail a:hover{background-color:#900; display:block;}
#thumbnail li:hover a,
#thumbnail a:hover{color:#fff;}
#thumbnail li img{width:20px; height:20px; border:none; float:left; background:url(images/arrow.gif) no-repeat top left; margin-right:7px;}
#thumbnail li:hover img,
#thumbnail a:hover img{background:url(images/arrow_ovr.gif) no-repeat top left;}


/* Index Page links to secondary pages */
#indexbtn {width:690px; height:282px; margin:0px; padding:0px;}
#indexbtn img{width:333px; height:129px; border:none;}
#indexbtn a{width:333px; height:129px; border:none; margin:0; padding:0;}
* html a:hover {visibility:visible;}
#indexbtn a:hover img {visibility:hidden;}
#indexbtn a#file{background:url(images/file-cabinets-btn-ovr.jpg) no-repeat top left; position:relative; display: block; margin:0; padding:0;}
#indexbtn a#chair{background:url(images/office-chairs-btn-ovr.jpg) no-repeat top left; position:relative; display: block; margin:0; padding:0;}
#indexbtn a#desk{background:url(images/office-desks-btn-ovr.jpg) no-repeat; position:relative; display: block; margin:0; padding:0;}
#indexbtn a#system{background:url(images/systems-furniture-btn-ovr.jpg) no-repeat; position:relative; display: block; margin:0; padding:0;}

#indexbtn .left {float:left;}
#indexbtn .right {float:right;}
#indexbtn .secondary {height:151px;}

/* Quote box 
#quotebox {width:200px; margin:-5px 20px 0 20px; float:left; background:url(images/quotebox.gif) no-repeat; padding:0;}
#insidequote {margin:75px 5px 5px 25px; padding:0;}
#quoteend {background:url(images/quotebox-end.gif) no-repeat bottom left; height:15px;margin:0px; padding:0;}
#quotebox #insidequote select{margin:0 0 10px 0; padding:0px; font:12px Arial, Helvetica, sans-serif;width:150px;}
#quotebox #insidequote a:hover#submit img{visibility:hidden;}
#quotebox a#submit{background:url(images/submit-free-quote-ovr.gif) no-repeat top left; position:relative; display: block; width:103px; height:29px; margin:0 0 10px 20px; padding:0; border:none;}
#quotebox #insidequote img{width:103px; padding:0; margin:0; border:none; display: block;} */

/* quote */
#quotearea{width:233px; height:210px; padding:15px 32px 0px 38px; margin:0px 0px 0px 0px; float:left; clear:left;}
#quotearea #inside{font:12px Arial, Helvetica, sans-serif; color:#fff; height:210px;}
.fontbox{font:11px/16px Arial, Helvetica, sans-serif; border:1px solid #079; width:200px; height:18px; }
.fontbox2{font:11px/16px Arial, Helvetica, sans-serif; border:1px solid #079; margin:0 0 10px 75px; width:140px; height:18px;}
.submitbtn{margin:0px 0 0 120px}
.submitbtn a:hover{background:url(images/submit-free-quote-ovr.gif) no-repeat top left; position:relative; display: block; margin:0; padding:0;}
* html .submitbtn a:hover {visibility:visible;}
.submitbtn a:hover img {visibility:hidden;}
.h2{font:bold 16px/20px Arial, Helvetica, sans-serif;}


/* navigation */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{list-style-type:none; padding:0; margin:0; width:630px; border:1px solid #000; float:right; background:#322;}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{float:left; position:relative; z-index:100; margin:0; padding:0;}
/* use the table to position the dropdown list */
.menu table{position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:30px;}
/* style all the links */
.menu a, .menu :visited {display:block; font:bold 15px/22px Verdana, Arial, Helvetica, sans-serif; padding:0px; color:#fff; text-decoration:none; text-align:center; margin:0; border-top:8px solid #322; border-right:5px solid #322; border-bottom:4px solid #322; border-left:8px solid #322;}
.brown {padding:2px 5px 1px 5px; border:1px solid #742; margin:0px; overflow:hidden;}
.current {padding:2px 5px 1px 5px; border:1px solid #742; margin:0px; background:#742;}
/* style the links hover */
.menu a:hover{color:#fff; background:#900;}
.menu li:hover{color:#fff; background:#900;}

/* hide the sub level links */
.menu ul ul {visibility:hidden; position:absolute; height:0;}
.menu ul.inside a.in2{font:bold 11px/20px Verdana,Arial, Helvetica, sans-serif; white-space:nowrap; border:none; margin:2px 0px 2px 0px; padding:2px 1px 2px 5px; color:#fff; background:none; text-align:left; height:22px;}
.menu ul.inside a:hover.in2{background:#900; color:#fff; height:22px; border:0px solid #742;}
.menu ul.inside li:hover.in2{background:#900; color:#fff;}
.menu ul.inside li{background:#322; width:100%;}
.menu ul.inside {background:#322; border-top:5px solid #322;  border-right:1px solid #742; border-left:1px solid #742; border-bottom:1px solid #742; /*border-right:none; border-bottom:none; border-left:none; */ margin:0; padding:0; height:120px;}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
.menu ul ul.systems{width:140px; left:-10px;}
.menu ul ul.chair{width:165px; left:-10px;}
.menu ul ul.desk{width:165px; left:-10px;}
.menu ul ul.file{width:160px; left:-25px;}
.menu ul ul.all{width:150px; left:-1px; height:60px;}

/* footer styles */
#footer {padding:0 0 10px 0; margin:20px 0 0px 0; text-align:center; height:20px;}
#footer a:hover {text-align: center; border-bottom:1px solid #322;}
#footer a {font: normal 11px Arial, Helvetica, sans-serif; margin:0px; padding:0px; border-bottom:1px solid #322; text-decoration:none;}
#footer ul {list-style: none; display: inline; margin:0; padding:0;}
#footer ul li {display: inline; padding:0 10px 0 10px; border-right:1px solid #933; margin:0px;}
#footer ul li.rightend {display: inline; border-right:none;}