/* CSS Document */

/* BUFFALO.COM  2007 */
/* JRV */
/* this file last updated on 25 Jul 2008 (Dale Lum) */
/* standards - compliant stylesheet */


/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* MASTHEAD / TOP AREA */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */

/* global */

body{
	background-image:url(http://media.buffalo.com/static/images/shared/striped.jpg);
	background-repeat:repeat;
	background-color:#8B919F;
	}
	
form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#51565a;
	}
	
/* ids */

#ad_top{
	width:728px;
	margin-left:auto;
	margin-right:auto;
	/*margin-bottom:30px;*/
       margin-bottom:15px;
	}
	
#buffalocom_container{
	width:944px;
	margin-left:auto;
	margin-right:auto;
	}
	
#top{
	width:944px;
	float:left;
	}
	
#top_tabs{
	width:944px;
	height:31px;
	float:left;
	}
	
#top_map{
	border:0px;
	}
	
#top_photoarea{
	width:944px;
	height:107px;
	float:left;
	background-image:url(http://media.buffalo.com/static/images/shared/masthead/header_graphic.jpg);
	background-repeat:no-repeat;
	}
	
#top_weatherbox{
	position:relative;
	top:30px;
	left:754px;
	width:185px;
	height:43px;
	}

#top_weatherbox a{
	text-decoration: none;
       color:#000000;
}	
	
#top_weatherbox p{
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	}
	
#weatherpic{
	float:left;
	margin-right:12px;
	}
	
#top_photoauthor{
	position:relative;
	top:43px;
	left:746px;
	width:185px;
	height:20px;
	}
	
#top_photoauthor p{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	}
	
#top_photoauthor a:link{
	color:#000000;
	text-decoration:underline;
	}
	
#top_photoauthor a:visited{
	color:#000000;
	text-decoration:none;
	}
	
#top_photoauthor a:hover{
	color:#000000;
	text-decoration:none;
	}
	
#top_photoauthor a:active{
	color:#000000;
	text-decoration:none;
	}

	
#top_greybar{
	width:944px;
	height:25px;
	background-image:url(http://media.buffalo.com/static/images/shared/grey_bar.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left:15px;
	}
		
	
#sub_nav{
	float:left;
	padding-top:6px;
	text-align:left;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	}
	
#sub_nav a:link{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
#sub_nav a:visited{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
#sub_nav a:hover{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
#sub_nav a:active{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}

#email_login{
	float:left;
	padding-top:6px;
	text-align:right;
	width:505px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	line-height:12px;
	}
	
#email_login a:link{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
#email_login a:visited{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
#email_login a:hover{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
#email_login a:active{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
#email_button{
	border:none; 
	padding:0px;
	background:transparent;
	cursor:pointer;
	 }
	 
#email_button_img{
	width:42px; 
	height:12px; 
	vertical-align:middle; 
	border:none;
	padding:0px;
	background:transparent;
	} 
	

#top_searchbar{
	width:944px;
	height:65px;
	background-image:url(http://media.buffalo.com/static/images/shared/searchbar_bg.jpg);
	background-repeat:no-repeat;
	float:left;
	}
	
#search_area{
	margin-right:auto;
	/* margin-left:120px; Use this when we have an Advanced Search* 5/23/2007 */
       margin-left:170px;
	margin-top:5px;
	}
	
#search_left{
	float:left;
	width:118px;
	height:54px;
	background-image:url(http://media.buffalo.com/static/images/shared/search_left.jpg);
	background-repeat:no-repeat;
	}
	
#search_middle{
	float:left;
	width:360px;
	height:54px;
	padding-top:6px;
	background-image:url(http://media.buffalo.com/static/images/shared/search_middle_bg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00487A;
	text-align:center;
	}
	
#search_middle a:link{
	color:#00487A;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	}
	
#search_middle a:visited{
	color:#00487A;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	}
	
#search_middle a:hover{
	color:#00487A;
	text-decoration:underline;
	font-size:11px;
	font-weight:normal;
	}
	
#search_middle a:active{
	color:#00487A;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	}
	
.search_selected{
	font-weight:bold;
	}
	
#searchbox{
	width:352px;
	height:18px;
	margin-top:3px;
	border:1px solid #636B6E;
	padding:2px;
	}
	
#search_right{
	float:left;
	width:178px;
	height:54px;
	/* background-image:url(http://media.buffalo.com/static/images/shared/search_right.jpg); USE THIS WHEN WE HAVE ADVANCED SEARCH 5/23/2007 */
	background-image:url(http://media.buffalo.com/static/images/shared/search_right_short.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00487A;
	text-align:left;
	padding-top:23px;
	padding-left:2px;
	}
	
#go_button{
	padding:0px;
 	background:transparent; 
	border:0px;
	cursor:pointer;
	}
	 
#go_button_img{
	width:37px; 
	height:22px; 
	vertical-align:middle; 
	border:none; 
	padding:0px; 
	background:transparent; 
	} 
		
#advanced{
	color:#00487A;
	text-decoration:none;
       display:none;
	}
	
/* classes */

.clear{
	clear:both;
	}
	
	
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* CONTENT AREA */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */

/* Change the height of #side_spacer to 
match the dotted lines up */	
	
#side_spacer{
	width:160px;
	height:260px;
	* height:305px; /* IE6 needs to have this set 55px higher than the above setting  */
	}
	
#wide_side_spacer{
	width:300px;
	height:390px;
	* height:400px; /* IE6 needs to have this set 55px higher than the above setting  */
	}
	
#side_ads{
	width:180px;
	min-height:900px;
	float:right;
	padding-left:12px;
	padding-top:5px;
	margin-top:10px;
	margin-bottom:5px;
	background-image:url(http://media.buffalo.com/static/images/shared/right_box_bg.jpg);
	background-position:left;
	background-repeat:repeat-y;
	}
	
.sidead_img{
	margin-bottom:20px;
	}
	
	
p{
	margin-top:3px;
	margin-bottom:4px;
	font-weight:normal;
	}

#content{
	width:944px;
	float:left;
	background-image:url(http://media.buffalo.com/static/images/shared/content_bg.jpg);
	background-repeat:repeat-y;
	}
	
		
/* Sub-page item */	
#wide_side_ads{
	width:325px;
	min-height:700px;
	float:right;
	padding-left:12px;
	padding-top:5px;
	margin-top:10px;
	margin-bottom:5px;
	background-image:url(http://media.buffalo.com/static/images/shared/right_box_bg.jpg);
	background-position:left;
	background-repeat:repeat-y;
	}
	
/* Sub-page item */	
.wide_sidead_img{
	margin-bottom:20px;
	}
	
	
/* Sub-page item */	
#page_title{
	float:left;
	margin-left:15px;
	margin-top:10px;
	width:580px;
	}
	
/* Sub-page item */
.wide_sub{
	float:left;
	width:580px;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	
/* Sub-page item */
.sub_small{
	float:left;
	width:280px;
	margin-left:15px;
	margin-right:6px;
	margin-bottom:10px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	
	
/* CSS for fonts, photos etc. in the content boxes */

#content.header{ 
       display:block;
	}
	
#content dl{
	margin-top:6px;
	}
	
#content dt.content_headline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#50565A;
	font-weight:bold;
	margin-top:0px;
	}

#content dt.hot_headline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#00477B;
	font-weight:bold;
	margin-top:0px;
	}

#content dt.hot_headline a{
	color:#00477B;
	text-decoration:none;
       font-size:18px;
}

#content dt.hot_headline a:hover{
	text-decoration:underline;
}
	
#content dd.content_photo{
	float:left;
	margin:5px 5px 2px 0px;
	}
	
#content dd.content_paragraph{
	margin:2px 8px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#24468D;
	text-align:justify;
	}
/* ADDED BY DC ON 5/23/07*/ 
#content dd.content_paragraph p{
        color:#24468D;
}	
#content dd.content_list ul{
	margin:5px 0px 0px -20px;
	padding:0px 0px 0px 0px;
	list-style-type:square;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#content dd.content_list ul li{
	margin:0px 0px 4px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#51565A;
	}
		
.content_list ul a:link{
	font-weight:normal;
	color:#51565A;
	text-decoration:underline;
	}
	
.content_list ul a:visited{
	font-weight:normal;
	color:#51565A;
	text-decoration:underline;
	}
	
.content_list ul a:hover{
	font-weight:normal;
	color:#51565A;
	text-decoration:none;
	}
	
.content_list ul a:active{
	font-weight:normal;
	color:#51565A;
	text-decoration:underline;
	}

	
#content dd.content_list_small ul{
	margin:0px;
	padding:0px;
	list-style-type:square;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
#content p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#50565A;
	}
	
#content p a:link{
	font-family:Arial, Helvetica, sans-serif;
	color:#50565A;
	text-decoration:underline;
	}
	
#content p a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#50565A;
	text-decoration:underline;
	}
	
#content p a:hover{
	text-decoration:none;
	}
	
#content p a:active{
	text-decoration:none;
	color:#50565A;
	}

#content ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#50565A;
	}

	
/*  The two top content boxes, #left_box_top
	and #right_box_top must have a different
	class than the rest because they need padding-top
	to achieve the dotted line going 'above' the boxes.
	Since they are 'one-of-a-kind' they get IDs and 
	not classes. */
	
#left_box_top{
	/*width:352px; MADE WIDER on 5/31/07 to account for featured photos*/
       width: 452;
	float:left;
	margin-left:15px;
	margin-right:8px;
	margin-top:10px;
	margin-bottom:5px;
	padding:5px;
	padding-right:10px;
	/* padding-bottom:30px; Made this Zero on 5/31/07*/
       padding-bottom:0px;
	background-color:#ffffff;
	background-image:url(http://media.buffalo.com/static/images/shared/left_box_bg.jpg);
	background-position:right;
	background-repeat:repeat-y;
	}
	
#right_box_top{
	/*width:342px; Made narrower on 5/31/07 to make room for featured photos above */
       width:242px;
	float:left;
	margin-right:10px;
	margin-bottom:3px;
	margin-top:10px;
	padding:5px;
	background-color:#ffffff;
	}

/* Commented out on 6/10/07 when I moved YourHub Above Spotted. Also had to move the dotted line to the bottom for Spotted
#spotted{
	float:left;
	margin-left:20px;
	margin-bottom:5px;
	padding-top:20px;
	background-image:url(http://media.buffalo.com/static/images/shared/spotted_top_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	}
*/

#spotted{
	float:left;
	margin-left:20px;
	margin-bottom:5px;
	/*padding-top:20px;*/
       padding-bottom:10px;
	background-image:url(http://media.buffalo.com/static/images/shared/spotted_top_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	}

	
#spotted_box{
	width:717px;
	height:185px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(http://media.buffalo.com/static/images/shared/spotted_bg.jpg);
	background-repeat:no-repeat;
	}
	
.spotted_img{
	margin-left:40px;
	margin-right:20px;
	margin-top:35px;
	}

#letstalk{
	float:left;
	width:722px; /* Test to see if it fixes the Safari problem */ 
	margin-left:20px;
	margin-bottom:5px;
	padding-top:20px;
	background-image:url(http://media.buffalo.com/static/images/shared/spotted_top_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	}
	
#letstalk_left{
	width:360px;
	float:left;
	padding-bottom:5px;
	}
	
#letstalk_right{
	width:322px;
	float:left;
	padding-bottom:5px;
	/*padding-top:30px;*/
        padding-left: 20px;
        padding-right:20px;
	} 	

/*  Commented out on 6/10/07 to move YourHub above Spotted. Moved the dotted line to the top
#yourhub{
	float:left;
       width:722px; 
	margin-left:20px;
	margin-right:10px;
	margin-bottom:10px;
	padding-bottom:20px;
	background-image:url(http://media.buffalo.com/static/images/shared/spotted_top_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	} 
*/ 
#yourhub, #quigo_top{
	float:left;
       width:722px; /* To fix a safari layout problem */ 
	margin-left:20px;
	margin-right:10px;
	margin-bottom:10px;
	padding-top:20px;
	background-image:url(http://media.buffalo.com/static/images/shared/spotted_top_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	}
	
#yourhub_left{
	width:360px;
	float:left;
	padding-bottom:5px;
	}
	
#yourhub_right{
	width:362px;
	float:left;
	padding-bottom:5px;
	/*padding-top:30px; - Changed to Zero on 1/10/08*/
	}
	
	
.left_box{
	width:352px;
	float:left;
	margin-left:15px;
	margin-right:8px;
	margin-top:0px;
	margin-bottom:0px;
	padding:5px;
	padding-right:10px;
	padding-bottom:30px;
	background-color:#ffffff;
	background-image:url(http://media.buffalo.com/static/images/shared/left_box_bg.jpg);
	background-position:right;
	background-repeat:repeat-y;
	}
	
.right_box{
	width:342px;
	float:left;
	margin-right:10px;
	margin-bottom:0px;
	padding:5px;
	padding-bottom:20px;
	background-color:#ffffff;
	}
	
table{
	margin-left:auto;
	margin-right:auto;
	}

#quickvoteresults table {
 margin-left:0px;
 margin-right:0px;
}	

ul.subpage {
    float: left;
    width: 170px; 
    margin: 0px;
    padding: 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
	padding: 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
  	}
	
ul.subpage a:link, ul.right a:link{
	color:#51565A;
	font-weight:normal;
	text-decoration:underline;
	}
	
ul.subpage a:visited, ul.right a:visited{
	color:#51565A;
	font-weight:normal;
	text-decoration:underline;
	}
	
ul.subpage a:hover, ul.right a:hover{
	color:#51565A;
	font-weight:normal;
	text-decoration:none;
	}
	
ul.subpagewide {
    float: left;
    width: 280px; 
    margin: 0px;
    padding: 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
	padding: 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
  	}
	
ul.subpagewide a:link, ul.right a:link{
	color:#51565A;
	font-weight:normal;
	text-decoration:underline;
	}
	
ul.subpagewide a:visited, ul.right a:visited{
	color:#51565A;
	font-weight:normal;
	text-decoration:underline;
	}
	
ul.subpagewide a:hover, ul.right a:hover{
	color:#51565A;
	font-weight:normal;
	text-decoration:none;
	}
		


ul.left {
    float: left;
    width: 170px; 
    margin: 0px;
    padding: 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
	padding: 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
  	}
	
  ul.right {
    float: right;
    width: 170px; 
    margin: 0px;
    padding: 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
	padding: 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
  	}

/* ADDED ON 5/23/2007 BY DC  - Also updated a:link, a:visited, a:hover*/
ul.wide {
    float: left;
    width: 340px; 
    margin: 0px;
    padding: 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
	padding: 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
  	}

	
ul.left a:link, ul.right, ul.wide a:link{
	color:#51565A;
	font-weight:normal;
	text-decoration:underline;
	}
	
ul.left a:visited, ul.right, ul.wide a:visited{
	color:#51565A;
	font-weight:normal;
	text-decoration:underline;
	}
	
ul.left a:hover, ul.right, ul.wide a:hover{
	color:#51565A;
	font-weight:normal;
	text-decoration:none;
	}
	
	
ul.small {
    float: left;
    width: 83px; 
    margin: 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
	text-indent:-5px;
	padding: 0px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
  	}
	
ul.small a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
	color:#51565A;
	}
	
ul.small a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
	color:#51565A;
	}
	
ul.small a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:underline;
	font-weight:normal;
	color:#51565A;
	}
	
ul.small a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
	color:#51565A;
	}
	
#vote_button{
 	margin-top:10px;
	padding:0px;
 	background:transparent; 
	border:0px;
	 }
	 

/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* TABS */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */


/* CONTENTS -------------------------------------------------------------+
These are the specific styles for the tab-style menus.  These styles 
effect both the presentation as well as the behavior.

See function: "selectmenu" in js/scripts.js

+-------------------------------------------------------------------------+
*/

.tabs{
	width:340px;
	margin-top:5px;
	margin-bottom:35px;
	display:block;
	}

.tab_leftend{
	float:left;
	width:8px;
	height:20px;
	background-image:url(http://media.buffalo.com/static/images/shared/tabs/left_end.jpg);
	background-repeat:no-repeat;
	}
	
.tab_highlight{
	float:left;
	height:20px;
	/*background-image:url(http://media.buffalo.com/static/images/shared/tabs/highlight_bg.jpg);*/
       background-image:url(http://media.buffalo.com/static/images/shared/tabs/middle_bg.jpg);
	background-repeat:repeat-x;
	padding:3px 5px 0px 1px;
	color:#00477B;
	}
	
	
.tab_firstmiddleend{
	float:left;
	width:8px;
	height:20px;
	background-image:url(http://media.buffalo.com/static/images/shared/tabs/firstmiddle_end.jpg);
	background-repeat:no-repeat;
	}
	
.tab_middleend{
	float:left;
	width:8px;
	height:20px;
	background-image:url(http://media.buffalo.com/static/images/shared/tabs/middle_end.jpg);
	background-repeat:no-repeat;
	}
	
.tab_middle{
	float:left;
	height:20px;
	background-image:url(http://media.buffalo.com/static/images/shared/tabs/middle_bg.jpg);
	background-repeat:repeat-x;
	padding:3px 5px 0px 1px;
	}
	
.tab_middle_tab{
	float:left;
	height:20px;
	background-image:url(http://media.buffalo.com/static/images/shared/tabs/middle_bg.jpg);
	background-repeat:repeat-x;
	padding:3px 5px 0px 1px;
	}
	
.tab_rightend{
	float:left;
	width:8px;
	height:20px;
	background-image:url(http://media.buffalo.com/static/images/shared/tabs/right_end.jpg);
	background-repeat:no-repeat;
	}
	 

.tabs a:link, a:visited, a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5674BA;
	text-decoration:none;
	}
	
.tabs a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#00487A;
	}
	
#searchTabArea {
	margin: 0;
	padding: 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5674BA;
	}
	
a.external{
	text-decoration:none;
	color:#5674BA;
	}
	
a.external:visited,
a.external:hover,
a.external:active{
	color:#00487A;
	text-decoration:none;
	}
	
  
a.searchTab {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	background:none;
  	color:#5674BA;
  	margin:0px;
  	text-decoration:none;
  	z-index:100;
	}

	a.searchTab:hover {color:#00487A;}
	
	a.searchTab.activeTab, 
	a.searchTab.activeTab:hover, 
	a.searchTab.activeTab:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; font-weight:bold; color:#00487A; text-decoration:none;}

	a.searchTab.activeTab {z-index: 102;}

#searchTabMain{
	width:342px;
	margin-top:5px;
	margin-bottom:0px;
	display:block;
 	z-index: 101;
	}

#searchTabMain div.on {
   background-color: #ffffff;
   display: block;
   clear: left;}

#searchTabMain div.off {display: none;}

#searchTabBlogs{
	width:342px;
	margin-top:5px;
	margin-bottom:0px;
	display:block;
 	z-index: 101;
	}

#searchTabBlogs div.on {
   background-color: #ffffff;
   display: block;
   clear: left;}

#searchTabBlogs div.off {display: none;}


#searchTabEnt{
	/*width:342px; made narrower on 5/31/07 to make room for featured photos*/
       width:242px;
      	margin-top:5px;
	margin-bottom:0px;
	display:block;
 	z-index: 101;
	}

#searchTabEnt div.on {
   background-color: #ffffff;
   display: block;
   clear: left;}


#searchTabEnt div.off {display: none;}
	 
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* BOTTOM / FOOTER AREA */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */
/* ----------------------------~~~~~~~~~~~~---------------------------------------- */

#bottom{
	float:left;
	width:944px;
	}
	

#footer_dots_top, #footer_dots_bottom{
	width:944px;
	height:20px;
	padding-left:10px;
	background-image:url(http://media.buffalo.com/static/images/shared/content_bg.jpg);
	background-repeat:repeat-y;
	}
	
#footer_ads{
	width:944px;
	background-image:url(http://media.buffalo.com/static/images/shared/content_bg.jpg);
	background-repeat:repeat-y;	
	}
	
#long_footer_ad{
		text-align:center;
	}
 	
	
#footer_links{
	width:944px;
	height:83px;
	background-image:url(http://media.buffalo.com/static/images/shared/footer_bg.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color:#2E3094;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#footer_links a:link{
	color:#2E3094;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
	
#footer_links a:visited{
	color:#2E3094;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
	
#footer_links a:hover{
	color:#2E3094;
	text-decoration:underline;
	font-weight:normal;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#footer_links a:active{
	color:#2E3094;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

/* ADDED BY DC */
.ent_videos{
	/*width:342px; Made narrower on 5/31/07 to make room for featured photos above */
       width:242px;
	float:left;
	/*margin-right:10px;*/
	/*margin-bottom:3px;*/
	/*margin-top:10px;*/
	/*padding:5px;*/
	background-color:#ffffff;
	}

/* added by dale lum */

div.off {display:none;}
div.on {display:block;}
div#videos_TAB {width:450px;background-color:#fff;clear:both;}
div#photos_TAB {clear:both;}

/* styles for integrated search bar */

div.iSearch {
	background-image:url(http://media.buffalo.com/static/images/shared/masthead/searchbar_bgrd.png) !important;
	height:36px !important;
}

div#top_greybar form {
	display:inline;
}

div#searchbar, div#searchbar a {
	font:bold 11px arial, sans-serif;
	text-decoration:none;
	color:#5674BA;
}

div#searchbar {
	margin-top:8px;
}

div#searchbar span.pipe {
	color:#acabb3;
}

div#searchbar input.searchfield {
	font-size:11px;
	border:1px solid #999;
	width:110px;
	top:-1px;
	position:relative;
}

div#searchbar img.go {
	top:3px;
	position:relative;
	border:none;
}

div#searchbar label {
	font:bold 11px arial, sans-serif;
}	

span.iSearchLinks {
	padding-left:30px;
}


/* ----- classes orginally from http://media.buffalo.com/static/css/contentslider.css ----------- */

/* updated 9/12/2007 9:17 */

.contentslide{

border-bottom-width: 6px;
padding: 8px;
width: 450px;
height: 314px;
padding:0;
background-color: #5674BA;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 430px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #5674BA;
border: 10px solid #5674BA;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 4px 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 414px; /*IE5 width*/
w\idth: 430px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.pagination a:hover, .pagination a.selected{
color: #00477b;;
background-color: #FEE496;
font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
}

.spottedBlurb {
  color:#ffffff;
  padding:4px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;

}

.spottedBlurb a {
  color:#2e6ab1;
  text-decoration:none;
  background:#ffffff;
  font-weight:bold;
  padding:2px;
}

.spottedBlurb a:visited {
   color:#2e6ab1;
   text-decoration:none;
   font-weight:bold;
   padding:2px;
}

.spottedBlurb a:hover {
   color:#2e6ab1;
   text-decoration:underline;
   font-weight:bold;
   padding:2px;
}

/* ----- classes orginally from http://media.buffalo.com/static/css/contentslider.css ----------- */

div.discComponent {
	color:#00487A;
	background-color:white;
	height:350px
}

div.discComponent ul.tabNav {
	list-style-type:none;
	margin:0;
	padding:0 0 0 4px;
	width:334px;
	height:20px;
	background-image: url(http://www.buffalo.com/discover2008/componentAssets/images/tabsBgrd.png);
}

div.discComponent ul.tabNav li {
	display:inline;
	margin:0;
	padding:0 4px 0 4px;
}

div.discComponent ul.tabNav a {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
  	color:#5674BA;
	text-decoration:none
}

div.discComponent ul.tabNav a.active {
	font-style:italic;
  	color:#00487A
}

div.discComponent div.slide {
	width:338px;
	padding-top:5px;
	font:normal 12px arial,sans-serif;
}

div.discComponent div.slideTitle {
	background: url(http://www.buffalo.com/discover2008/componentAssets/images/titleBgrd.png) repeat-x;
	height:24px;
	text-align:center;
	padding-top:7px
}

div.discComponent div.slideTitle img {
	margin-left:-5px
}


div.discComponent div.overflow {
	clear:both;
	padding-top:10px;
}

div.discComponent div.overflow ul {
	padding:0 0 0 15px;
	margin:0;
	list-style-type:square
}


div.discComponent div.slide div.slideImg {
	float:left;
	width:155px;
	padding:0 5px 5px 0	
}

div.discComponent div.slide div.slideNav {
	float:left;
	width:175px;
	padding-left:3px;
	font-weight:normal;
	color:#50565a
}

div.discComponent div.slide div.slideNav.scroll {
	height:200px;
	overflow:auto
}

div.discComponent div.slide a:link, div.slide a:visited {
	text-decoration:underline;
	color:#50565a;
	font-weight:normal
}

div.discComponent div.slide a:hover, div.slide  a:active {
	text-decoration:none;
	color:#50565z
}
div.discComponent div.slideNav {
	
}

div.discComponent div.slideNav  ul {
	margin:0;
	padding:0;
	list-style-type: square
}

div.discComponent div.slideNav  li {
	margin-left:10px;
	padding:2px 3px 2px 0
}
