#ben_nav { width:224px; z-index:8; margin:0 auto; left:auto !important; position: relative; top: -312px;}
#ben_art {
width: auto;
height: auto;
position: relative;
bottom: -106px;
left: 0;
}
#ben_nav > ul { /*margin-left:11%;*/ }																																		
#ben_answers { bottom:0; position:absolute; width:100%; z-index: 9 }
.ben_answer { background:none repeat scroll 0 0 #FDDDC4; border:1px solid #222; border-radius:10px 10px 10px 10px; display:none; margin:0 20px 10px 45px; max-height:250px; overflow-y:auto; padding:0 2.5em 0 1em;}
#ben_nav ul#options { max-height:300px; overflow-y:scroll }

::-webkit-scrollbar, ::-moz-scrollbar {
	width:15px;
}
::-webkit-scrollbar-track, ::-moz-scrollbar-track {
      background-color: #b46868;
} /* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb, ::-moz-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2);
} /* this will style the thumb, ignoring the track */
::-webkit-scrollbar-button, ::-moz-scrollbar-button {
      background-color: #7c2929;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
::-webkit-scrollbar-corner, ::-moz-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */



.ben_answer .close { background:url("/wp-content/themes/spartan/images/closebox.png") no-repeat; display:block; height:30px; position:absolute; right:23px; top:5px; width:30px; }
.ben_answer .contents { padding-bottom:1em; }
.ben_answer p { padding:1em 0 0; }

#toggleBenBox {display:none}


/* Target iPads  */
/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	#wrapper_three, #content_section, #inner_content_section, .page-w-ask-ben #left_column_content, .chat-frame-starter #left_column_content, .eresources #left_column_content, .catalog #left_column_content {    overflow-y: visible}
    #ben_section { overflow-y:visible}
	#ben_nav ul#options { overflow-y:visible; box-shadow: none !important }
	
	#ben_nav >ul> li >a:hover {    background: url("/wp-content/themes/spartan/images/AskBen-dropdown.png") no-repeat scroll 0 -37px transparent;
    color: #FFFFFF;
    display: block;
    font-family: 'ubuntubold';
    height: 24px;
    line-height: 1em;
    padding: 10px 0 0 18px;
    width: 215px}
	
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {*/
	.touch #wrapper_three, .touch #content_section, .touch #inner_content_section, .touch .page-w-ask-ben #left_column_content, .touch .chat-frame-starter #left_column_content, .touch .eresources #left_column_content, .touch .catalog #left_column_content {    overflow-y: visible}
    .touch #ben_section { overflow-y:visible}
	.touch #ben_nav ul#options { overflow-y:visible; box-shadow: none !important }
	
	.touch #ben_nav >ul> li >a:hover, .touch #ben_nav >ul> li:hover >a {    background: url("/wp-content/themes/spartan/images/AskBen-dropdown.png") no-repeat scroll 0 -37px transparent;
    color: #FFFFFF;
    display: block;
    font-family: 'ubuntubold';
    height: 24px;
    line-height: 1em;
    padding: 10px 0 0 18px;
    width: 215px}
	
/*}*/