/* Generated by ParaType (http://www.paratype.com)*/
/* Font DIN Condensed:  © ParaType, 2011. All rights reserved.*/

.red_title { color: red; font-size: 24px;}
.video-wrap {text-align: center; background: #333; width:980px; margin:0 -20px; max-height: 390px;}

@font-face {
	font-family: 'DINCondensedWeb';
	src: url('../fonts/din/DNC57__W.eot');
	src: local('../fonts/din/DIN Condensed Web'), local('DINCondensedWeb'), 
		url('../fonts/din/DNC57__W.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din/DNC57__W.woff') format('woff'),
		url('../fonts/din/DNC57__W.ttf') format('truetype'), 
		url('../fonts/din/DNC57__W.svg#DINCondensedWeb') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {font-family: 'PFDinCompItalic';src: url('../fonts/PFDinTextCompPro-Italic.otf');}

		#shadow_wrapper_top{
			width: 100%;
		}

		#n_header_container{
			background: #373739;
			width: 980px;
			margin: 0 auto;
		}

		#shadow{
			width: 990px;
			background: url('../img/shadow_w.png');
		}

		.container_12{
			width: 980px;
		}

		.container_12 .grid_12{
			width: 940px;
			margin: 0 20px;
		}
		
		#n_header_container a{
			text-decoration: none;
		}
		
		#n_header_container a:active{
			outline: none;
		}

		#n_header_container .grid_12{
			width: 980px;
			margin-left: 0px;
			margin-right: 0px;
		}

		#n_logo{
			width: 190px;
			height: 65px;
			margin-top: 2px;
			background: url('../img/header/logo.png');
			float: left;
			border-right: #2d2e32 1px solid;
		}

		#n_logo:hover{
			background-color: rgba(0,0,0,0.05);
		}

		#n_logo:active{
			background-color: rgba(0,0,0,0.2);
			box-shadow: inset 0 5px 15px #222;
		}

		#shipping, #contact, #warranty{
			display: block;
			width: 100px;
			height: 67px;
			float: left;
			color: #9f9f9f;
			font-size: 18px;
			border-right: #2d2e32 1px solid;
			border-left: #3a3a3a 1px solid;
			text-align: center;
			line-height: 67px;
			font-family: DINCondensedWeb, sans-serif;
			text-shadow: 0 1px 3px #000;
		}

		#shipping:hover, #contact:hover, #warranty:hover{
			color: #ac8147;
			background: rgba(0,0,0,0.05);
		}

		#shipping:active, #contact:active, #warranty:active{
			border-left: #262626 1px solid;
			border-right: #262626 1px solid;
			background: rgba(0,0,0,0.2);
			box-shadow: inset 0 5px 15px #222;
			color: #885f29;
		}

		#n_phone{
			width: 148px;
			height: 67px;
			border-right: #2d2e32 1px solid;
			border-left: #3a3a3a 1px solid;
			font-size: 17px;
			text-align: center;
			color: #ddd;	
			float: left;
			padding-top: 17px;
			line-height: 20px;
			font-family: DINCondensedWeb, sans-serif;
			text-shadow: 0 1px 3px #000;
		}
		
		#n_phone a{
			color: #ddd;
		}

		#n_phone p{
			color: #828282;
			font-size: 16px;
			font-family: PFDinCompItalic, sans-serif;
		}
		
		#n_search_wrapper{
			width: 286px; 
			overflow: hidden; 
			float: left;
		}
		
		#n_search{
			width: 90px;
			height: 44px;
			border-right: #2d2e32 1px solid;
			border-left: #3a3a3a 1px solid;
			text-align: right;
			padding: 23px 35px 0 9px;
			float: left;
			background: #373739;
		}
		
		#ajax-search-field{
			width: 100%;
			height: 16px !important;
			border: none;
			border-radius: 4px;
			background: #2e2f30 url('../img/header/search.png') no-repeat right;
			box-shadow: 0 1px 0 #5f5f5f, inset 0 2px 5px #262626;
			color: #ddd;
			padding: 2px 20px 2px 5px;
			line-height: normal;
			font-size: 13px;
		}

		#ajax-search-field:focus{
			outline: none;
		}

		#n_search_submit{
			height: 18px;
			width: 18px;
			border: none;
			background: transparent;
			cursor: pointer;
			position: relative;
			top: -20px;
			left: 25px;
			outline: none;
			padding: 0;
			box-shadow: none;
		}

		#user{
			width: 97px;
			height: 59px;
			border-right: #2d2e32 1px solid;
			border-left: #3a3a3a 1px solid;
			text-align: center;
			float: left;
			padding-top: 8px;
			color: #9f9f9f;
			font-size: 13px;
			font-weight: 300;
			font-family: sans-serif;
			text-shadow: 0 1px 3px #000;
			cursor: pointer;
		}
		
		#usericon{
			width: 33px;
			height: 33px;
			margin: auto;
			background: url('../img/header/user.png');
			margin-bottom: 0px;
		}

		#user .logged{
			color: #ddd;
			line-height: 24px;
			display: block;
			font-weight: 700;
			text-decoration: none;
			margin-top: 5px;
			margin-bottom: 4px;
			overflow: hidden;
		}
		
		#user .unlogged{
			color: #9f9f9f;
			display: block;
			font-weight: 300;
			text-decoration: none;
			overflow: hidden;
		}

		#user:hover{
			color: #ac8147;
			background: rgba(0,0,0,0.05);
		}
		
		#user:hover .unlogged{
			color: #ac8147;
		}
		
		#user:active #usericon{
			opacity: 0.7;
		}
		
		#user:active .unlogged{
			color: #885f29;
		}

        /*
		#cart{
			width: 97px;
			height: 59px;
			border-left: #3a3a3a 1px solid;
			text-align: center;
			float: left;
			font-size: 13px;
			font-family: sans-serif;
			text-shadow: 0 1px 3px #000;
			color: #9f9f9f;
			padding-top: 8px; 
			cursor: pointer;
		}

		#cart:hover{
			color: #ac8147;
			background: rgba(0,0,0,0.05);
		}

		#cart:active, #user:active{
			border-left: #262626 1px solid;
			background: rgba(0,0,0,0.2);
			box-shadow: inset 0 5px 15px #222;
			color: #885f29;
		}

		#cart:active #cart_empty{
			opacity: 0.7;
		}

		#user:active p{
			color: #aaa;
		}

		#cart_empty{
			width: 33px;
			height: 33px;
			margin: auto;
			background: url('../img/header/cart_full.png');
			margin-bottom: 0px;
		}
		
		#cart_full{
			width: 33px;
			height: 33px;
			margin: auto;
			background: url('../img/header/cart_full.png');
			margin-bottom: 0px;
		}
		*/







	
		#categories{
			height: 101px;
			background: #373739;
			border-top: 1px solid #222;
		}
		
		#categories a, #categories a:active, #categories a:visited{
			height: 103px;
			width: 140px;
			display: block;
			text-decoration: none;			
			float: left;
		}

		#categories p, #categories h1{
			background: #373739;
			height: 32px;
			font-family: sans-serif;
			font-size: 13px;
			color: #9f9f9f;
			text-shadow: 0 1px 2px #000;
			font-weight: 700;
			text-align: center;
			line-height: 32px;
			border-top: 1px #444 solid;
			margin: 70px 0 0 0;
			border-left: 1px #3a3a3a solid;
			padding-top: 0;
			
		}

		#categories a:hover p{
			color: #ac8147;
			background: #343436;
		}

		#categories a:active p, #categories a p:active{
			background: #2a2a2c;
			box-shadow: inset 0 5px 15px #222;
			color: #885f29 !important;
			border-top: 1px #333 solid;
			border-left: 1px #282828 solid;
		}
		
		
		.hover{
			height: 70px;
			width: 139px;
			background: transparent;
			position: relative;
			top: -103px;
			opacity: 0;
			display: none;
		}

		#categories a:hover .hover{
			opacity: 1;
			display: block;
		}

		
		#mice{
			border-left: none !important;
			background: #2e2f30 url('../img/header/mice.jpg') no-repeat;
			border-right: 1px #2d2e32 solid !important;
		}

		#keyboards{
			background: #2e2f30 url('../img/header/keyboards.jpg') no-repeat;
			border-right: 1px #2d2e32 solid !important;
		}

		#audio{
			background: #2e2f30 url('../img/header/audio.jpg') no-repeat;
			border-right: 1px #2d2e32 solid !important;
		}

		#pads{
			background: #2e2f30 url('../img/header/pads.jpg') no-repeat;
			border-right: 1px #2d2e32 solid !important;
		}

		#joysticks{
			background: #2e2f30 url('../img/header/joysticks.jpg') no-repeat;
			border-right: 1px #2d2e32 solid !important;
		}

		#gaems{
			background: #2e2f30 url('../img/header/games.jpg') no-repeat;
			border-right: 1px #2d2e32 solid !important;
		}

		#stuff{
			background: #2e2f30 url('../img/header/stuff.jpg') no-repeat;
			width: 140px !important;
			border-right: none !important;
		}
		
		#mice_hover{
			background: url('../img/header/mice_h.jpg') no-repeat;
		}

		#keyboards_hover{
			background: url('../img/header/keyboards_h.jpg') no-repeat;
		}

		#audio_hover{
			background: url('../img/header/audio_h.jpg') no-repeat;
		}

		#pads_hover{
			background: url('../img/header/pads_h.jpg') no-repeat;
		}

		#joysticks_hover{
			background: url('../img/header/joysticks_h.jpg') no-repeat;
		}

		#games_hover{
			background: url('../img/header/games_h.jpg') no-repeat;
		}

		#stuff_hover{
			background: url('../img/header/stuff_h.jpg') no-repeat;
		}



		#n_search ::-webkit-input-placeholder {
		    color:    #9f9f9f;
		}
		#n_search :-moz-placeholder {
		    color:    #9f9f9f;
		}
		#n_search ::-moz-placeholder {
		    color:    #9f9f9f;
		}
		#n_search :-ms-input-placeholder {
		    color:    #9f9f9f;
		}



		#n_search :focus::-webkit-input-placeholder {
		    color:    #666;
		}
		#n_search :focus:-moz-placeholder {
		    color:    #666;
		}
		#n_search :focus::-moz-placeholder {
		    color:    #666;
		}
		#n_search :focus:-ms-input-placeholder {
		    color:    #666;
		}


	
		.breadcrumb{
			margin: 25px 0 20px 0;
			color: #555;
		}

		.breadcrumb a{
			font-size: 14px;
			text-decoration: none;
			color: #ddd;
			border-bottom: 1px solid #444;
			padding-bottom: 1px;
			font-weight: 300;
			
			color: #7d7d7d;
			font-size: 13px;
			border-bottom: #474747 1px solid;

		}

		.breadcrumb a:hover{
			color: #999;
			border-bottom: #7d7d7d 1px solid;
		}

		#gotop{
			position: fixed;
			left: 0;
			width: 50%;
			margin-left: -490px;
			top: 0;
			bottom: 0;
			cursor: pointer;
			overflow: hidden;
			display: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			z-index: 100;
		}

		#gotop:hover{
			background: rgba(255,255,255,0.1);
		}

		#gotop:hover #arrow{
			opacity: 1 !important;
		}

		#arrow{
			position: relative;
			font-size: 25px;
			color: #373739;
			margin: auto;
			left: 245px;
			top: 20px;
			opacity: 0.7;
			width: 60px;
			height: 40px;
			text-indent: -999px;
			overflow: hidden;
			background: url('../img/arrowtop.png') no-repeat top center;
		}
		
		.godown #arrow{
			background: url('../img/arrowbottom.png') no-repeat top center;
		}
				
		@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
		only screen and (-moz-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (min-device-pixel-ratio: 1.5) {
			
			#n_logo{
				background: url('../img/header/logo4x.png') no-repeat;
				background-size: 190px 65px;
			}
			
			#ajax-search-field{
				background: #2e2f30 url('../img/header/search4x.png') no-repeat right;
				background-size: 18px 16px;
			}
			#cart_full, #cart_empty{
				background: url('../img/header/cart_full4x.png');
				background-size: 33px 33px;
			}
			
			#usericon{
				background: url('../img/header/user4x.png');
				background-size: 33px 33px;
			}
					
			#mice{
				background: #2e2f30 url('../img/header/mice4x.jpg') no-repeat;
				background-size: 140px 70px;
			}
			#keyboards{
				background: #2e2f30 url('../img/header/keyboards4x.jpg') no-repeat;
				background-size: 140px 70px;
			}

			#audio{
				background: #2e2f30 url('../img/header/audio4x.jpg') no-repeat;
				background-size: 140px 70px;
			}

			#pads{
				background: #2e2f30 url('../img/header/pads4x.jpg') no-repeat;
				background-size: 140px 70px;
			}

			#joysticks{
				background: #2e2f30 url('../img/header/joysticks4x.jpg') no-repeat;
				background-size: 140px 70px;
			}

			#gaems{
				background: #2e2f30 url('../img/header/games4x.jpg') no-repeat;
				background-size: 140px 70px;
			}

			#stuff{
				background: #2e2f30 url('../img/header/stuff4x.jpg') no-repeat;
				background-size: 140px 70px;
			}
			
			#mice_hover{
				background: url('../img/header/mice_h4x.jpg') no-repeat;
				background-size: 140px 70px;
			}

			#keyboards_hover{
				background: url('../img/header/keyboards_h4x.jpg') no-repeat;
				background-size: 140px 70px;
			}

			#audio_hover{
				background: url('../img/header/audio_h4x.jpg') no-repeat;
				background-size: 140px 70px;
			}

			#pads_hover{
				background: url('../img/header/pads_h4x.jpg') no-repeat;
				background-size: 140px 70px;
			}

			#joysticks_hover{
				background: url('../img/header/joysticks_h4x.jpg') no-repeat;
				background-size: 140px 70px;
			}

			#games_hover{
				background: url('../img/header/games_h4x.jpg') no-repeat;
				background-size: 140px 70px;
			}

			#stuff_hover{
				background: url('../img/header/stuff_h4x.jpg') no-repeat;
				background-size: 140px 70px;
			}
		}
		
.prestih {font: 14px Arial; line-height: 1.5;}
.prestih p{margin:0; padding: 0;  }