*{ margin:0 auto; padding:0;  font-family:Arial, Helvetica, sans-serif}
h1, h2, h3, h4, h5{ font-family:Georgia, "Times New Roman", Times, serif;}
body { color:#000; background-color:#4277BB; font-family: verdana, tahoma, arial, helvetica, sans-serif, "MS Sans Serif"; background-image: url(../images/bg-gradient.jpg); background-repeat: no-repeat; background-position:top center; margin:0; }
input{ background-color:#fff; color:#000; padding:2px; border:1px solid #5c5c5c;}
input:hover{ background-color: #EAEAEA; color:#000;}


p{font-size:12px; color: #333; line-height:21px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h1{font-size:24px; color:#FFF; font-weight: normal; padding:10px 0px 0px 5px;}
h2{font-size:18px; color:#1B75BC; font-weight: normal; }
h3{font-size:14px; color:#ccc; }
 
#container{ width:960px; height:1%; background-color:#FFF; padding:0; border-left:4px #fff solid; border-right:2px #fff solid; border-top:2px #fff solid; overflow:hidden; margin:0 auto;}
#topheader {position:relative;}

#topheader2 {position:relative; }
#topheader2 .lightgrey{ background-image:url(../images/brooks-interiors-furniture.jpg); height:104px; width:960px;}
#topheader2 .bluebar{width:960px;  background-image:url(../images/brooks-interiors-office-furniture.gif); background-repeat: no-repeat; border-bottom:3px solid #000; }
#topheader2 .raq{ position:absolute; left:840px; z-index:101; top:93px;}
#topheader2 .logo{ position:absolute;   z-index:101; }
#topheader2 .callus{ position:absolute; left: 847px; top: 25px; color:#666; font-family:Georgia, "Times New Roman", Times, serif; }
#topheader2 .number{ position:absolute; left: 775px; top: 43px; font-size:24px; color:#666; font-family:Georgia, "Times New Roman", Times, serif;}


/**Homepage Section **/ 
#homepageheader{position:relative; height:250px; width:960px; background-color:#fff; }
#homepageheader .leftimg{background-image:url(../images/brooks-interiors-cubical-systems.jpg); height:250px; width:610px; float:left;}
#homepageheader .calltoaction{ height:50px; width:350px; float:left; position:absolute; top:100px; padding-left:5px;}
#homepageheader .rightimgcontainer{height:250px; width:345px; float:left; background-color:#fff; margin-left:3px; display:inline;}
#homepageheader .smltitle{font-size:14px; color:#e2e2e2; position:relative; margin:56px 0px 0px 10px; font-weight:bold;cursor:pointer; }
#homepageheader .smltitle a{font-size:14px; color:#e2e2e2; position:relative; margin:56px 0px 0px 10px; font-weight:bold;cursor:pointer; }
#homepageheader .smltitle:hover{ color:#fff; cursor:pointer;}
#homepageheader a{text-decoration:none;}
#homepageheader .rightimg1{height:82px; width:345px; float:left; background-image:url(../images/brooks-interiors-monthly-specials.jpg); margin-bottom:5px;}
#homepageheader .rightimg1:hover{height:82px; width:345px; float:left; background-image:url(../images/brooks-interiors-monthly-specials-hover.jpg); margin-bottom:5px;}
#homepageheader .rightimg2{height:77px; width:345px; float:left; background-image:url(../images/brooks-interiors-liquidation-services.jpg); margin-bottom:5px;}
#homepageheader .rightimg2:hover{height:77px; width:345px; float:left; background-image:url(../images/brooks-interiors-liquidation-services-hover.jpg); margin-bottom:5px;}
#homepageheader .rightimg3{height:82px; width:345px; float:left; background-image:url(../images/brooks-interiors-design-services.jpg);margin-bottom:5px; }
#homepageheader .rightimg3:hover{height:82px; width:345px; float:left; background-image:url(../images/brooks-interiors-design-services-hover.jpg); margin-bottom:5px;}





#darkgrey{ width:960px; height:30px; background-color:#333; }
#darkgrey ul { float:right; margin-top:5px;}
#darkgrey ul li{ display: inline;}
#darkgrey ul li a{color:#e2e2e2; font-size:9px; border-right:1px #e2e2e2 solid; padding-right:5px; text-decoration:none;}
#darkgrey ul li a:hover{color:#fff;}

/**Main Content Section **/ 
#maincontent {  width:960px; background-color:#FFF; overflow:hidden; height:1%; background-image:url(../images/brooks-interiors-used-office-furniture.jpg); margin-top:5px; padding-bottom:10px;}
#maincontent .showroom{width:240px; position:relative; height:57px; background-repeat:no-repeat;}
#maincontent .showroom h4{font-size:16px; color:#FFF; font-weight:bold; padding:14px 0px 10px 13px;}
#maincontent .showroom a{ text-decoration:none;}


/**Left Nav Section **/ 
#leftnav{width:240px; float:left; background-color:#999; overflow:hidden;}
#leftnav p{color:#fff; font-size:11px; line-height:18px;}
#leftnav .title{width:220px; background-color:#5C5C5C; padding:5px 10px; margin:0;}
#leftnav .content{width:230px; padding:10px;}
#leftnav input, #leftnav select{ font-size:11px;}
#leftnav #emailSignup.content a{ margin-left:20px; color:#fff;}

#leftnav .content form#style select { }
#leftnav .content form#browse input {width:190px; padding:3px; font-size:10px;}
#leftnav .content form#browse input#button {position:absolute; width:20px; border:solid 1px #fff; }
#leftnav .content form#browse input#button2 {position:absolute; width:20px; border:solid 1px #fff; }
#leftnav .content form#join input {width:170px; padding:3px; font-size:10px; vertical-align:middle; margin:0px 0px;}
#leftnav .content form#join p {padding:0; margin:0px;}

#leftnav .content form#join input.button {position:absolute; width:35px; border:solid 1px #fff; padding:0;}
#leftnav .content form#SearchForm input{ vertical-align:middle; padding:3px; margin:0px; width:185px; }
#leftnav .content form#SearchForm input#button{ width:20px;}

#leftnav .subpgcontent { }
#leftnav .subpgcontent ul{list-style:none; margin:0; padding:0;}
#leftnav .subpgcontent ul li{ border-bottom:1px solid #666;}
#leftnav .subpgcontent ul li a{font-size:12px; color:#fff; font-weight:bold; text-decoration:none; padding:8px 10px; display:block; }
#leftnav .subpgcontent ul li a:hover{color:#fff; background-color:#666;}
 #leftnav .subpgcontent ul li ul{ border-top:2px solid #000; padding-bottom:10px; background-color:#444; width:240px; float:left;}
 #leftnav .subpgcontent ul li ul li{ background-color:#444; padding-left:20px; border-bottom:0px; width:220px; float:left;}
  #leftnav .subpgcontent ul li ul li a{ font-weight:normal; padding:5px;}
    #leftnav .subpgcontent ul li ul li a:hover{ text-decoration:underline; background-color:transparent}
/**Right Nav Section **/ 
#rightnav{width:710px;float:left; height:1%; margin-left:5px; display:inline }
#rightnav p{ padding-top:2px;}
#rightnav img{ border: 1px #999 solid; padding:5px; margin:5px;}
#rightnav .title{ height:49px; background-image:url(../images/brooks-interiors-refurbrished-cubical-systems.gif); background-repeat:repeat-x; padding:5px; width:703px;}

#rightnav .title2{ height:49px; background-image:url(../images/brooks-interiors-refurbrished-cubical-systems.gif); background-repeat:repeat-x; padding:0px 5px; width:703px;}

#rightnav .header-sml{width:710px;}
#rightnav .breadcrumb{ background-color:#999; background-repeat: repeat-x; padding:5px 5px 0px 0px; width:708px; overflow:hidden;} 
#rightnav .breadcrumb ul {padding-top:1px;float:left; margin:0; padding:0; line-height:24px;}
#rightnav .breadcrumb ul li a{ font-size:11px; color:#fff; padding-left:5px}
#rightnav .breadcrumb ul li { font-size:11px; color:#fff; display:inline}
#rightnav div#choose {clear:both; padding:5px; background-color:#3078BD; color:#fff; margin-bottom:0px; font-size:11px; width: 703px;}
#rightnav .print{width:100px; padding:5px; float:right;}
#rightnav .print img{ margin:0; padding:0; border: none;float:right; position:relative; cursor: pointer;} 
#rightnav .content div.customerproject{float:left; } 
#rightnav .content{ width:700px;  float:left; }
#rightnav .content p, h1, h2, h3, ul{ padding-left:0px;}
#rightnav .content ul { padding-left:30px;}
#rightnav .content ul li{ font-size:12px; line-height:25px; list-style-type:disc; color:#000; font-family:Arial, Helvetica, sans-serif;}
#rightnav .content ul li a{ font-size:14px; color: #3078BD; font-weight:bold; text-decoration:none; padding-top:10px; display:inline;}
#rightnav .content ol { padding-left:30px;}
#rightnav .content ol li{ font-size:12px; line-height:25px; list-style-type:disc; color:#000; font-family:Arial, Helvetica, sans-serif;}
#rightnav .content ol li a{ font-size:14px; color: #3078BD; font-weight:bold; text-decoration:none; padding-top:10px; display:inline;}
#rightnav .content2{ width:660px; position:relative; float:left; margin:10px 0 0 10px;}


/**Category Section **/
#rightnav .content div#pagenumber{position:relative; clear:both; padding:5px; margin-bottom:10px; font-size:10px; font-weight:bold; width:100%; }
#rightnav .content div#pagenumber ul{position:relative; margin:0; padding:0; text-align:right;}
#rightnav .content div#pagenumber ul li { display:inline; font-size:10px; font-weight:bold; color:#000;}
#rightnav .content div#pagenumber ul li a{position:relative; font-size:10px; font-weight: normal; padding:5px; text-decoration:none; color:#000;}
#rightnav .content div#pagenumber ul li a:hover{ color:#fff; background-color:#000}


/**Thumbnail Section **/
div.thumbnails{background-color:#00FF33;}


/**Category Section **/
#rightnav .content div#cata {position:relative; border-bottom:1px solid #ccc; overflow:hidden; height:1%; margin:0px 0px 10px 0; }
#rightnav .content div#cata dl { float:left; margin:0px 5px 15px 5px; padding-right:5px; padding:10px;}
#rightnav .content div#cata dl dt { }
#rightnav .content div#cata dl dt a{font-size:12px; color: #666; padding:0px 3px 3px 3px; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
#rightnav .content div#cata dl dt a:hover{ text-decoration:underline;}
#rightnav .content div#cata dl dd a{font-size:11px; color: #999; padding:3px 3px 3px 5px; text-decoration:none;}
#rightnav .content div#cata dl dd a:hover{color:#fff; background-color:#000}


/**Products Section **/
#rightnav .content div#products {background-color:#fff; width:712px;  margin-bottom:10px; clear:both; margin-top:10px;}
#rightnav .content div#products .proimg{background-color:#fff; float:left; padding:10px;}
#rightnav .content div#products .protitle{background-color:#fff; padding:5px; height:20px; color:#000; }
#rightnav .content div#products .protitle a {font-size:16px; font-weight:normal; color:#3078BD; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif}
#rightnav .content div#products .prodesc{background-color:#fff; padding:10px; height:1%; overflow:hidden; padding:5px;}
#rightnav .content div#products .proextra{padding:10px 0px 10px 10px; background-color:#EFEFEF; overflow:hidden; height:1%; clear:both; font-size:11px; color:#fff;  }
#rightnav .content div#products .proextra a{ text-decoration:none;}
#rightnav .content div#products .proextra .price{width:220px; float:left; text-decoration:underline; display:none;}
#rightnav .content div#products .proextra .comp{ width:220px; float:left; text-decoration:underline; }
#rightnav .content div#products .proextra .details{width:190px; float:right; text-decoration:underline;}
#rightnav .content div#products img{border:none; padding:0; margin:0;}

ul#cartSetup{  margin:10px 0; padding:0}
ul#cartSetup li{ padding:0;}

/**Expanded Products Section **/
#rightnav .content div#products-more {background-color:#fff; position:relative; width:690px; margin-bottom:10px;}
#rightnav .content div#products-more img{border:none; padding:0; margin:0;}
#rightnav .content div#products-more .proimg{background-color:#fff; float:left; padding:10px; border:1px solid #ccc; margin-bottom:10px; margin-right:20px; margin-left:15px; width: 300px; text-align:center;}
#rightnav .content div#products-more .protitle{ padding:5px; height:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#000;}
#rightnav .content div#products-more .protitle a {font-size:16px; font-weight:bold; color:#000; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; color:#000;}
#rightnav .content div#products-more .protitle a {font-size:16px; font-weight:bold; color:#000; text-decoration:none;}}
#rightnav .content div#products-more .prodesc{background-color:#fff; padding:10px; height:150px; padding:5px;}
#rightnav .content div#products-more .proextra{background-color:#efefef; padding:10px; font-size:11px; color:#fff; clear:both; position:relative; overflow:hidden; width:}
#rightnav .content div#products-more .proextra a{ text-decoration:none;}
#rightnav .content div#products-more .proextra .price{width:220px; float:left;}
#rightnav .content div#products-more .proextra .comp{ width:320px; float:left; }
#rightnav .content div#products-more .proextra .details{width:90px; float:left; }
#rightnav .content div#products-more .prodesc ul label{ color:#000; font-weight:bold; float:left; width:100px; }
#rightnav .content div#products-more .prodesc ul li{ list-style:none;}
#rightnav .content div#products-more .proimg .thumbnail{clear:both; float:left; position:relative;}
#rightnav .content div#products-more .proimg  dl { margin-top:10px;}
#rightnav .content div#products-more .proimg  dl dt{ font-size:12px;}
#rightnav .content div#products-more .proimg  dl dd{display:inline; padding-right:10px;}
#rightnav .content div#products-more .proimg  dl dd img{border:1px solid #999;}
div.prodesc ul#options{ margin-top:10px; padding-left:0;}
div.prodesc #options li label{ width:50px; display:block; float:none; }
div.prodesc #options li{ padding:0; margin:0; }
div.prodesc #options li select{ float:none;}
/**Shopping Cart Section **/
#featuredprods {background-image: url(../images/feature-bg.gif); width:680px; height:297px; background-repeat:no-repeat; margin:15px auto;}
#featuredprods .item{position:relative; margin-top:0px;}
#featuredprods .item ul{ position:relative; float:left; top:65px; left:10px; padding:0; margin:0; }
#featuredprods .item ul li img{ display:inline; }
 #featuredprods .item ul li a{ display:block; margin:0; padding:0; line-height:18px; text-align:center;}
 #featuredprods .item ul li{ line-height:18px; padding:0; margin:0 19px 0 20px;  float:left; text-align:center;}
/**Footer Section **/
#footer{position:relative; float:left; width:960px; height:292px; background-image:url(../images/footer.jpg); }
#footer .bluebg{ width:850px; background-color:#666; height:240px; position:relative; top:25px;}
#footer .content{ width:810px; background-color:#666; height:200px; border:1px solid #fff; position:relative; top:10px; padding:10px;}

#footer .content dl{ width:192px; float:left; position:relative; padding:5px;}
#footer .content dl p{font-size:12px; color:#fff; padding-left:10px;}
#footer .content dl dt{font-weight:bold; font-size:14px; color:#ccc; padding-bottom:5px;}
#footer .content dl dd a{font-weight:normal; font-size:10px; color:#fff; text-decoration:none; line-height:23px; padding-left:10px;}

#footer .copyright{width:960px; position:relative; font-size:11px; color:#000; top:35px; text-align:center;}

#rightnav .content ul#sitemapList{ margin-top:10px;}
#rightnav .content ul#sitemapList li a{ font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}
#rightnav .content ul#sitemapList li ul li{ list-style:disc; padding:0; margin:0;}
#rightnav .content ul#sitemapList li ul li a{font-size:12px; font-weight:normal; padding:0; margin:0;}
#rightnav .content ul#sitemapList{list-style:none; background-image:none;}
#rightnav .content ul#sitemapList li{ background-image:none; list-style:none;}

#selectManufacturer select{ width:220px;}
