/*Global White Space Reset*/
 * {
 padding:0;
 margin:0;
 }
 
 /* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */


body{
width:100%;
background-color:#fff;
background-image:url(images/page_imgs/landingpage_background.gif);
background-repeat:repeat-x;
background-position:0 28px;}

html {overflow-y: scroll;} 
/*Layout columes*/



#wrapper {
 width: 776px;
 margin: 0 auto;
}

#header {
text-align:left;
margin: 0px;
height: 70px;
background-color:#051857;
background-image:url(images/page_imgs/saitek_logo.gif);
background-position:top;
background-repeat:no-repeat;
background-position:inherit;
color:#FFFFFF;
}



#centercolumn { /* Parent Wrapper for inside boxes */
 /*border: 1px solid #ccc;*/
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 /*padding: 4px;*/
 width: 50.1%;
 float: left;
  font: 12px arial, helvetica, sans-serif;
 color:#000000;}


* html #centercolumn {height:300px} /* IE Min-Height Hack */ 



#frontbullet{
list-style-image:url(images/page_imgs/bullet_fp.gif);
list-style-position:outside;
list-style-type:square;
padding-left:25px;

}

#frontbullet li{

color:#000000;
}

.frontext p{
 font: 12px arial, helvetica, sans-serif;
 color:#000000;}

#rightcolumn {
 margin: 0 ;
 padding: 4px;
 display: inline; /* IE Hack */
 width: 45.9%;
 float: left;
 background-color: #fff;
 font: 12px arial, helvetica, sans-serif;
 color:#000000;

}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */ 

#footer {

 background-color: #fff;
 border-top-color:#000066;
 border-top-style:solid;
 border-top-width:1px;
 padding-top:5px;
 display: inline; /* IE Hack */
 float: left;
 width: 100%;
 font: 11px arial, helvetica, sans-serif;
 color:#000000;
 text-align:center;
 
}
/* end of Layout columes*/

/* top drop down navigation */
	
	#nav, ul {
		list-style: none;
		padding: 0;
		margin: 0;
		font: 12px arial, helvetica, sans-serif;
		color:#FFFFFF
		
	}
	
	#nav li {
		float: left;
		position: relative;
		width:94px;

	}
	
	#nav li ul {
		display: none;
		position: absolute;
		top: 13px;
		left: 0;
		background: #051857;
		color:#fff;

	}
	
	#nav li li {
		float: none;
		padding-bottom:2px;
		padding-left:2px;
		padding-top:2px;

		
	}
	
	#nav li:hover ul, #nav li.sfhover ul {
		display: block;
		color:#FFFF00;
		border-left-width:1px;
		border-style: solid;
		border-left-color:#FFFFFF;
		border-right-width:0px;
		border-top-width:0px;
		border-bottom-width:0px;
		color:#ffffff;
		margin-left:-1px;
	}
	
#leftboarder{

		border-left-width:1px;
		border-style: solid;
		border-left-color:#FFFFFF;
		border-bottom-width:0px;
		border-right-width:0px;
		border-top-width:0px;
		padding-left:2px;
		color:#ffffff;
		}
#nav a:active {
color:#FFFFFF;
}
#nav a:hover {
color:#FFFF00;
display: block;
background-color:#0000FF;
text-decoration:underline;



}
#nav a:visited {
color:#FFFFFF;
}
#nav a:link {
color:#FFFFFF;
}
#menu{float:right;}
/* end of top drop down navigation*/



/*location change*/
#location {
text-align:right;
padding-right:18px;
}

#location img{
padding-top:20px;
}
#current_location{
float:left;
clear:right;
}

/*end of location */


/*prodnav start of main Product navigation*/

/*displaying the background images */
#productnavigation {display:block; width:776px; height:47px;}
#productnavigation ul {margin:0; padding:0; list-style-type:none;}
#productnavigation li {float:left;  display:block; }
#productnavigation li.list1 {background:transparent url(images/page_imgs/pcgaming_navigation.gif);width:155px;}
#productnavigation li.list2 {background:transparent url(images/page_imgs/pcid_navigation.gif);width:194px;}
#productnavigation li.list3 {background:transparent url(images/page_imgs/pcspeakers_navigation.gif);width:146px;}
#productnavigation li.list4 {background:transparent url(images/page_imgs/chess_navigation.gif);width:204px;}
#productnavigation li.list5 {background:transparent url(images/page_imgs/news_navigation.gif);width:77px;}

/*displaying the rollover images images */
#productnavigation a {display:block; padding-top:47px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #productnavigation a:link, * html #productnavigation a:visited {height:47px; he\ight:0;}

#productnavigation a#item1 {background:transparent url(images/page_imgs/pcgaming_navigation_roll.gif) -155px -47px no-repeat;}
#productnavigation a#item2 {background:transparent url(images/page_imgs/pcid_navigation_roll.gif) -194px -47px no-repeat;}
#productnavigation a#item3 {background:transparent url(images/page_imgs/pcspeakers_navigation_roll.gif) -146px -47px no-repeat;}
#productnavigation a#item4 {background:transparent url(images/page_imgs/chess_navigation_roll.gif) -204px -47px no-repeat;}
#productnavigation a#item5 {background:transparent url(images/page_imgs/news_navigation_roll.gif) -77px -47px no-repeat;}

#productnavigation a#item1:hover {background-position:top right; z-index:50;}
#productnavigation a#item2:hover {background-position:top right; z-index:50;}
#productnavigation a#item3:hover {background-position:top right; z-index:50;}
#productnavigation a#item4:hover {background-position:top right; z-index:50;}
#productnavigation a#item5:hover {background-position:top right; z-index:50;}

* html #menu a:hover {height:47px; he\ight:0;}

/*end of main product navigation*/



.imagetotheleft{
float:left;
margin-right:5px;
}
.imagetotheright{
float:right;
margin-right:5px;
}