/* -------------------------------------------------------------- 
Diverse Office Solutions Style sheet.
The sheet works in conjuction with sheets from the 950px Blueprint 
css grid system.  

See folder 'src'
-------------------------------------------------------------- */

body {
background:#543019  url(../images/siteResources/divOS_pageGradient.jpg) repeat-x top;
color:#543019;
}

#pageContainer {
background:url(../images/siteResources/divOS_pageShadow.jpg) repeat-y top;
width:1050px;
}

#innerContainer {
background:url(../images/siteResources/divOS_PageBG.jpg) no-repeat top;
width:950px;
padding:0px 50px;
}

/* top right bottom left */
#contentArea {
margin:10px 20px 20px 20px;
}


#contentArea a {
color:#543019;
text-decoration:none;
}

#contentArea a:hover {
color:#543019;
text-decoration:underline;
}


/* -------------------------------------------------------------- 
Header
-------------------------------------------------------------- */


#headerContainer {
background:none;
height:96px;
padding:20px 0px 0px 0px;
margin:0px;
}

#headerLogo {
position:relative; left:10px
}

#headerPhoneNumber {
position:relative; left:40px
}


/* -------------------------------------------------------------- 
Shopping Cart
-------------------------------------------------------------- */

#cartContainer {
float:right;
}

#shoppingCart {
line-height:115%;
font-size:.83em;
margin-top:10px;
height:47px;
width:180px;
background:url(../images/siteResources/divOS_shoppingCartBG.jpg);
}

#shoppingCart div {
width:130px;
height:35px;
overflow:hidden;
position:relative;
top:12px;
left:45px;
}

#shoppingCart a {
outline:none;
color:#543019;
text-decoration:none;
}

#shoppingCart a:hover {
color:#543019;
text-decoration:underline;
}


/* -------------------------------------------------------------- 
Login/Logout 
-------------------------------------------------------------- */
#loginContainer {
width:180px;
margin-top:10px;
font-size: 90%;
}

#loginContainer .txtField {
width:76px;
height:19px;
background:url(../images/siteResources/divOS_loginSmall.gif) no-repeat;
float:left;
border:none;
width:70px;
margin: 0px 3px 0px 0px;
padding:3px;
color:#543019;
font-size: 100%;
}


#loginButton {
float:left;
background:url(../images/siteResources/divOS_btnLoginGo.gif) 0 0 no-repeat;
position: relative;
width: 19px; 
height: 19px;
border: 0;
cursor: pointer;
margin: auto 0px;
}


#logoutButton {
float:right;
background:url(../images/siteResources/divOS_btnLogout.gif) 0 0 no-repeat;
position: relative;
width: 37px; 
height: 19px;
border: 0;
cursor: pointer;
margin: auto 0px;

}

#loginContainer button.logout{
float:left;
background:url(../images/siteResources/divOS_btnLogout.gif) 0 0 no-repeat;
position: relative;
width: 37px; 
height: 19px;
border: 0;
cursor: pointer;
margin: auto 0px;
}

#loginContainer button span {
position: absolute;
left: -9999999px;
}

#login {
visibility:visible;
}

#logout {
visibility:hidden;
}

#logout .alertContainer {
height:19px; width:136px; background:url(../images/siteResources/divOS_loginLarge.gif) no-repeat; overflow:hidden; float:left;
}

#logout .alert {
margin:2px 3px 0px 3px;
}


/* -------------------------------------------------------------- 
Vertical menu on the left
-------------------------------------------------------------- */


#verticalMenu a {
color:#543019;
text-decoration:none;
}

#verticalMenu a:hover {
color:#543019;
text-decoration:underline;
}


#verticalMenu dl {

margin-left:15px;
}

#verticalMenu dl dt {
list-style:none;
font-weight:bold;

}

#verticalMenu dl dd{
margin-left:0px;
background:url(../images/siteResources/divOS_arrowWhite.gif) no-repeat  ;
background-position:0px 2px;
padding:0px 0px 0px 10px;
}

#verticalMenu dl dd:hover{
background:url(../images/siteResources/divOS_arrowGreen.gif) no-repeat  ;
background-position:0px 2px;

}

.verticalMenuSection {
margin:15px 0px 0px 0px;
}


/* -------------------------------------------------------------- 

-------------------------------------------------------------- */

#searchContainer {height:40px
}

#search {
padding:0px 0px 0px 25px;
margin:10px auto;
height:19px;
width:107px;
color:#FFFFFF;

background:url(../images/siteResources/divOS_searchBG.jpg) no-repeat;
}




#search .txtField {
background: url(../images/siteResources/divOS_searchFieldBG.jpg) repeat-x #54301a;
height: 13px;
float:left;
border:none;
width:85px;
margin:0;
padding:3px;
color:#FFFFFF;

}


#search button {
float:left;
background:url(../images/siteResources/divOS_btnSearch.gif) 0 0 no-repeat;
position: relative;
width: 8px; 
height: 19px;
border: 0;
cursor: pointer;
margin: auto 0px;
}

#search button span {
position: absolute;
left: -9999999px;
}

#search button:hover {
/*background-position: 0 -21px;*/
}


/* -------------------------------------------------------------- 
Horizontal 'Tab' Navigation
-------------------------------------------------------------- */




#mainNav {

padding:0px;
height:40px;
background:url(../images/siteResources/divOS_menuSprite.gif) no-repeat 0px 0px;


}
#mainNav ul {
padding:0px; margin:0px;
}

.main_menu li {

	margin:0px;
	padding: 0px;
	height: 40px;
	list-style: none;
	float: left;
	font-size: 12px;
	outline:none;
	}
	
.main_menu li span {
visibility:hidden;
outline:none;
	}	

.officeProducts {
width:157px;
background:url(../images/siteResources/divOS_menuSprite.gif) no-repeat 0px 0px;
}

.officeProducts:hover, .officeProducts:active{
background-position:0px -40px;
}



/*
#officeProducts.current_page_item {
background-position:0px -40px;
}

*/

.furniture {
width:127px;
background:url(../images/siteResources/divOS_menuSprite.gif) no-repeat -158px 0px;



}

.furniture:hover {
width:151px;
margin-left:-24px;
background-position:-134px -80px;
}
	
.technology {
width:127px;
background:url(../images/siteResources/divOS_menuSprite.gif) no-repeat -284px 0px;
	}
	
.technology:hover {
width:151px;
margin-left:-24px;
background-position:-260px -120px;
	}

.breakroom {
width:127px;
background:url(../images/siteResources/divOS_menuSprite.gif) no-repeat -411px 0px;
	}

	
.breakroom:hover {
width:151px;
margin-left:-24px;
background-position:-387px -160px;
	}	
	
.green {
width:127px;
background:url(../images/siteResources/divOS_menuSprite.gif) no-repeat -538px 0px;
	}
	
.green:hover {
width:151px;
margin-left:-24px;
background-position:-514px -200px;
	}	

.art {
width:125px;

background:url(../images/siteResources/divOS_menuSprite.gif) no-repeat -665px 0px;
	}
	
.art:hover {
width:149px;
margin-left:-24px;
background-position:-641px -240px;
	}		


.page_item a, .page_item a:visited {
	margin: 0px;
	padding: 0px;

	color: #282626;
	text-decoration: none;
	outline:none;
	display: block;
}

.current_page_item, .page_item a:hover {
	color: #ffffff;

}

.current_page_item a, .current_page_item a:visited, .current_page_item a:hover {
	border-bottom: none;
	color: #ffffff;
}

/* -------------------------------------------------------------- 

-------------------------------------------------------------- */
.frontPageFeatureContainer {
background:url(../images/siteResources/divOS_homeFeatureBG.gif) no-repeat; height:140px;

}

.frontPageFeatureContainer dl {
float:left;
padding:15px 0px 0px 15px;
}

.frontPageFeatureContainer dt {
margin-left:0px;

}

.frontPageFeatureContainer dd {
margin-left:5px;
}

.frontPageFeatureContainer img {
position:inherit;
left:210px;
}

/* -------------------------------------------------------------- 

-------------------------------------------------------------- */

#footer {
background:url(../images/siteResources/divOS_footerBG.jpg) no-repeat top  ;
height:14px;
padding:0px;
}