/* CSS Document for gen2officefurniture.com */
/* Created on 06/09/10 by National Office Services, Inc. */

body, html{
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	background-image:url('/images/header-bg.jpg');
	background-position:top left;
	background-repeat:repeat-x;
}

a img{
	border:0px;
}

a, a:active, a:link, a:visited{
	text-decoration:none;
	color:#669900;
}

a:hover{
	color:#336600;
}

.container{
	width:952px;
	margin:0 auto;
}

.header{
	width:952px;
	height:121px;
	background-image:url('/images/header-bg.jpg');
}

/*Area with Gen2 Logo*/
.header-left{
	width:193px;
	height:121px;
	float:left;
	margin-top:5px;
}

.header-right{
	width:759px;
	height:121px;
	float:left;
}

/*Above Nav Menu*/
.header-right-top{
	width:759px;
	height:93px;
}

/*Banner Special Ad Above Nav*/
.header-right-top img{
	margin:20px 0px 0px 142px;
	float:left;
	border:solid 1px #669900;
}

/*Nav Menu*/
.header-right-nav{
	width:759px;
	height:28px;
}

/*Nav Menu Links*/
ul.nav li a, ul.nav li a:active, ul.nav li a:visited{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#6F930D;
}

ul.nav li a:hover{
	color:#995832;
}

/*Nav Menu DropDown Links*/
ul.nav  li ul li a, ul.nav  li ul li a:active, ul.nav  li ul li a:visited{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:13px;
	color:#6F930D;
}

ul.nav  li ul li a:hover{
	color:#995832;
}

ul.nav{
	padding:0px;
	margin:8px 0px 0px 0px;
	list-style:none;
}

ul.nav li{
	float:left;
	position:relative;
	margin-right:20px;
}

/*Used for 1st level dropdowns*/
ul.nav li ul{ 
	display:none;
	position:absolute;
	list-style:none;
	background-color:#E1EBD0;
	border:solid 1px #fff;
}

ul.nav li:hover ul{
	display:block;
}

ul.nav li ul li{
	width:170px;
	top:0px;
	left:-40px;
	padding:2px 0px 2px 5px;
}

/*Used for 2nd level dropdowns with Product -> Workstations*/
ul.nav li ul ul{
	left: -99999px;
	margin:-23px 0px 0px 165px;
}

ul.nav li ul li:hover ul{
	left: 0px;
	top:22px;
}

/*Set the width of the dropdowns*/
ul.nav li ul.dropmenu1{
	width:125px;
}

ul.nav li ul li ul.submenu1{
	width:125px;
}

ul.nav li ul li ul.submenu2, ul.nav li ul li ul.submenu2 li{
	width:175px;
}

ul.nav li ul li ul.submenu3{
	width:125px;
}

ul.nav li ul.dropmenu2{
	width:125px;
}

ul.nav li ul.dropmenu3{
	width:125px;
}

ul.nav li ul.dropmenu4{
	width:125px;
}

ul.nav li ul li ul.submenu4, ul.nav li ul li ul.submenu4 li{
	width:195px;
}

/*Green Pattern Bar Under Nav*/
.banner{
	width:952px;
	height:29px;
}

.content{
	border-left:solid 2px #999; /*#999*/
	border-right:solid 2px #999; /*#999*/
	padding:10px 20px;
	font-size:.9375em; /*.9375em=15px*/	
}

/*Used in Fabric and Finishes page to fix the problem with floating images*/
.content:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/*H1 is used for all page headers*/
h1{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1.5em; /*1.5em=24px*/	
	font-weight:bold;
	color:#6F930D;
}

/*H2 is used for section page headers*/
h2{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color:#995832; 
}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

/*Footer Bar with Company Info*/
.footer-grey-box{
	clear:both;
	width:952px;
	height:31px;
	font-size:.9375em; /*.9375em=15px*/
	background-color:#4A5151;
	color:#ccc;
}

.footer-grey-box div{
	float:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:6px;
	padding-right:5px;
}

/*Footer Links and Disclaimer Info*/
.footer{
	width:952px;
}

.footer div{
	float:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}

.footer {
	font-size:10px;
	color:#4A5151;
}

.footer a, .footer a:active, .footer a:visited{
	font-size:10px;
	color:#669900;
}

.footer a:hover{
	font-size:10px;
	color:#4A5151;
}

/*Used for fabric options, floats color sample together*/
.floatbox{
	float:left;
	width:150px;
	margin-bottom:25px;
}

/*Lcol & Rcol are used for the contact/quote forms*/
.lcol{
	float:left; 
	width:90px;
	clear:both;
	padding:5px 0px;
}

.rcol{
	float:right;
	padding:5px 15px 5px 0px;
}

/*Used for case study thumbnails (small picture)*/
.casestudypic{
	margin-right:13px;
	margin-bottom:15px;
	float:left;
	cursor:pointer;
}

/*Used for pictures-photos inside the content area that are floated to the right edge*/
.contentpic{
	float:right;
	margin:0px 0px 10px 10px;
}

/*Same as contentpic but with a green border*/
.contentpicborder{
	float:right;
	margin:0px 0px 10px 10px;
	border:solid 1px #70930E; 
}

/*Used for the homepage product pictures*/
.homepage-pic img{
	float:left;
	margin-right:21px;
	margin-bottom:15px;
}

/*Used for last pic in row so it sits on the right margin*/
.homepage-pic img.last{
	margin-right:0px;
}

/*Used for the sitemap*/
ul.sitemap{
	list-style-type:disc;
	margin-top:-15px;
}

ul.sitemap ul{
	list-style-type:disc;
	margin-top:0px;
}

/*Used to clear the left and right floats*/
.clear{
	clear:both;
}

/*Used with the request form, styles the fabric/finishes shopping cart*/
.itemContainer{
	width:900px;
	float:left;
	padding:5px 0px 5px 3px;
	margin-bottom:15px;
	background-color:#DFEF95;
	border:solid 1px #669900;
}

.cartHeaders{
	width:100%;
	float:left;
}

.cartHeaders div{
	float:left;
	margin:5px 20px 5px 0px;
}

.itemImage{
	float:left;
	padding-right:15px;
}

.itemName{
	font-weight:bold;
	width:400px;
}

.itemquantity{
	float:left;
}

.itemquantity input{
	width:20px;
	border:none;
	background-color:#DFEF95;
}

.itemincrement a{
	float:left;
	width:10px;
	height:14px;
	text-align:center;
	font-size:9px;
	margin-right:5px;
	background-image:url('/images/arrow-up.jpg');
	background-position:bottom left;
	background-repeat:no-repeat;
}

.itemincrement a:hover{
	color:#669900;
}

.itemdecrement a{
	float:left;
	width:10px;
	height:14px;
	text-align:center;
	font-size:9px;
	background-image:url('/images/arrow-down.jpg');
	background-position:bottom left;
	background-repeat:no-repeat;
}

.itemdecrement a:hover{
	color:#669900;
}

.itemRemove{
	float:left;
	width:800px;
	margin-top:25px;
}

#submitRequest{
	padding:5px 10px;
	font-weight:bold;
	border:solid 1px #70930E;
	background-color:#DFEF95;
}

#requestcart{
	padding:10px;
	font-size:13px;
	float:right;
	text-align:center;
	border:solid 1px #70930E;
	background-color:#DFEF95;
	/*padding:10px 10px 0px 0px; Old Style - The new style has a box around it, making it more noticeable
	font-size:13px;
	float:right;
	text-align:right;*/
}

.font12{
	font-size:12px;
}

/*Used while moving the site, cookies for the request cart was disabled.
a.font12, a.font12:visited, a.font12:hover{ 
	display:none;
}*/

/*Used for the data tables in the term & conditions*/
table.terms td{
	padding:3px 1px;
}

.social{
	float:right;
	margin:-8px 5px 0px 5px;
}