@charset "utf-8";

body 
	{
	position:absolute;
	width:100%;
	height:100%;
	margin:5px 0 10px 0;
	padding:0;
	background:#000014 url(/images/background.png) repeat-x;
//	background-attachment:fixed;
	color:#888;
	font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
	}

a,
a:visited,
a:active
	{
	color:#bbb;
	border:none;
	text-decoration:none;
	}
	
a:hover
	{
	color:#ba0;
	text-decoration:underline;
	}
	
h1
	{
	color:#ccc;
	font-size:24px;
	font-weight:bold;
	margin:0;
	padding:0 0 10px 0;
	}
	
h2
	{
	color:#ccc;
	font-size:18px;
	margin:15px 0 0 0;
	padding: 0 0 10px 0;
	}
	
h3
	{
	color:#ba0;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding: 0 0 10px 0;
	}
	
p
	{
	text-align:left;
	margin:0;
	padding:0 0 10px 0;
	font-size:0.9em;
	line-height:1.2em;
	}

*:focus {outline:none}
*::-moz-focus-inner {border:none}
	
#logo
	{
	background:url(/images/flightPoseLogo.png) no-repeat;
	width:246px;
	height:48px;
	margin:0 auto 7px 0;
	}
	
.leftPanel
	{
	background:url(/images/leftPanel.jpg) no-repeat;
	}

#productThumbnails
	{
	margin:5px 0 20px 0;
	padding-left:10px;
	text-align:center;
	}
	
.productThumb
	{
	margin:8px 0;
	}

.productThumb,
.productThumb p.hover
	{
	float:left; 
	width:116px;
	height:89px;
	}

#productThumb1
	{
	background:url(/images/product/productThumb1BW.png) no-repeat;
	}
	
#productThumb1 p.hover
	{
	background:url(/images/product/productThumb1.png) no-repeat;
	}
	
#productThumb2
	{
	background:url(/images/product/productThumb2BW.png) no-repeat;
	}
	
#productThumb2 p.hover
	{
	background:url(/images/product/productThumb2.png) no-repeat;
	}
	
#productThumb3
	{
	background:url(/images/product/productThumb3BW.png) no-repeat;
	}
	
#productThumb3 p.hover
	{
	background:url(/images/product/productThumb3.png) no-repeat;
	}
	
#productThumb4
	{
	background:url(/images/product/productThumb4BW.png) no-repeat;
	}
	
#productThumb4 p.hover
	{
	background:url(/images/product/productThumb4.png) no-repeat;
	}

#productThumb5
	{
	background:url(/images/product/productThumb5BW.png) no-repeat;
	}
	
#productThumb5 p.hover
	{
	background:url(/images/product/productThumb5.png) no-repeat;
	}

#productThumb6
	{
	background:url(/images/product/productThumb6BW.png) no-repeat;
	}
	
#productThumb6 p.hover
	{
	background:url(/images/product/productThumb6.png) no-repeat;
	}

#productThumb7
	{
	background:url(/images/product/productThumb7BW.png) no-repeat;
	}
	
#productThumb7 p.hover
	{
	background:url(/images/product/productThumb7.png) no-repeat;
	}


#productPhotos
	{
	position:relative;
	width:660px; 
	height:710px; 
	}
	
#productPhotos img
	{
	border:none;
	}
		
#productPhoto1
	{
	left:57px;
	top:125px;
	width:550px;
	height:536px;
	background:url(/images/product/largeProduct/productPhoto1.png) no-repeat;
	}

#productPhoto2
	{
	left:60px;
	top:150px;
	width:550px;
	height:424px;
	background:url(/images/productlargeProduct//productPhoto2.png) no-repeat;
	}

#productPhoto3
	{
	left:0px;
	top:50px;
	width:650px;
	height:665px;
	background:url(/images/product/largeProduct/productPhoto3.png) no-repeat;
	}

#productPhoto4
	{
	left:35px;
	top:176px;
	width:600px;
	height:381px;
	background:url(/images/product/largeProduct/productPhoto4.png) no-repeat;
	}

#productPhoto5
	{
	left:35px;
	top:100px;
	width:635px;
	height:628px;
	background:url(/images/product/largeProduct/productPhoto5.png) no-repeat;
	}

#productPhoto6
	{
	left:35px;
	top:185px;
	width:635px;
	height:740px;
	background:url(/images/product/largeProduct/productPhoto6.png) no-repeat;
	}

#productPhoto7
	{
	left:35px;
	top:145px;
	width:635px;
	height:580px;
	background:url(/images/product/largeProduct/productPhoto7.png) no-repeat;
	}


#shoppingCartLink
	{
	border:none;
	font-size:11px;
	text-align:center;
	}
	
#shoppingCartLink img
	{
	border:none;
	}
	
#shoppingCartLink a
	{
	text-decoration:none;
	} /*

	/css/layout.css
	
	Page layout styles.
	
*/

#content
	{
	background-color:#000;
	position:relative;
	width:970px;
	margin:0 auto;
	padding:20px 25px 20px 20px;
	border:2px solid #224;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
	
#leftColumn
	{
	width:250px;
	margin:0 20px 0 0;
	float:left;
	}
	
#rightColumn
	{
	width:690px;
	position:relative;
	float:left;
	}

#tall
	{
	width:1px;
	height:790px;
	float:right;
	}
	
#footer
	{
	clear:both;
	width:980px;
	margin:0 auto;
	padding-top:10px;
	text-align:center;
	color:#444;
	font-size:13px;
	}

#footerLeft
	{
	float:left;
	width:250px;
	margin:0 15px 0 0;
	}
	
#footerLeft a
	{
	text-decoration:none;
	}
	
	
#footerRight
	{
	text-align:center;
	font-size:0.8em;
	margin:10px 0 0 0;
	}
	
#footer a
	{
	color:#444;
	}
	
#footer a:hover
	{
	color:#ccc;
	}

#atomic
	{
	clear:both;
	padding-top:20px;
	}
	
#atomic a
	{
	text-decoration:none;
	}
	
#features
	{
	margin:20px 0; 
	padding:15px 20px 0 20px; 
	height:140px;
	}
	
#features p
	{
	font-size:0.8em;
	line-height:1.5em;
	text-align:left;
	} /* 

	/css/basic.css
	
	Style definitions for very basic, simple styles that can be used anywhere. There is no layout, etc. here.

*/

/* Alignment */
.left {float:left}
.right {float:right}
.clear {clear:both}
.clearLeft {clear:left}
.top {position:absolute; top:0}
.bottom {position:absolute; bottom:0}
.verticalCenter	{position:relative;	top:50%}
.center	{margin:0 auto}

/* Text */
.textCenter {text-align:center}
.textLeft {text-align:left}
.textRight {text-align:right}
.textJustify {text-align:justify}

/* Visibility */
.hidden,.hide {display:none}
.show {display:block}

/* Colors */
.highlight{color:#ba0}
.gray {color:#666}
.lightGray {color:#aaa}

.test {border:1px solid red} /*

	/css/forms.css
	
	Styles for forms and form elements.
	
*/

label
	{
	font-size:.8em;
	text-align:left;
	}
	
.formError
	{
	font-size:.8em;
	color:#f00;
	}
	
.formField
	{
	float:left;
	margin-left:5px;
	}
	
.formButtons
	{
	text-align:center;
	padding:5px 0;
	}
	
select,
input,
textarea
	{
	background-color:#181820;
	color:#aaa;
	border:1px solid #445;
	}
	
select:focus,
input:focus,
textarea:focus
	{
	background-color:#080810;
	color:#aaa;
	border:1px solid #445;
	}


#creditCardLogos
	{
	background:url(/images/cards3.gif) no-repeat;
	float:left;
	margin:0px 28px 0 5px;
	width:100px;
	height:40px;
	}

#addToCart,
#ContinueShoppingButton,
#UpdateCartButton,
#CheckoutButton,
#LoginButton,
#ReviewOrderButton,
#UpdateShippingButton,
#ProcessOrderButton
	{
	background:url(/images/buttons.png) no-repeat;
	}
	
#addToCart:hover,
#ContinueShoppingButton:hover,
#UpdateCartButton:hover,
#CheckoutButton:hover,
#LoginButton:hover,
#ReviewOrderButton:hover,
#UpdateShippingButton:hover,
#ProcessOrderButton:hover
	{
	background:url(/images/buttonsHover.png) no-repeat;
	}
	
#addToCart,
#addToCart:hover
	{
	background-position:0 -146px;
	width:82px;
	height:28px;
	margin:0 auto 20px auto;
	border:none;
	float:left;
	}
	
#ContinueShoppingButton,
#ContinueShoppingButton:hover
	{
	background-position:0 -58px;
	width:120px;
	height:28px;
	border:none;
	}
	
#UpdateCartButton,
#UpdateCartButton:hover
	{
	background-position:0 -29px;
	width:84px;
	height:28px;
	border:none;
	margin-right:10px;
	}
	
#CheckoutButton,
#CheckoutButton:hover
	{
	background-position:0 -117px;
	width:76px;
	height:28px;
	border:none;
	}
	
#LoginButton,
#LoginButton:hover
	{
	background-position:0 -176px;
	width:60px;
	height:28px;
	border:none;
	}

#ReviewOrderButton,
#ReviewOrderButton:hover
	{
	background-position:0 -88px;
	width:126px;
	height:28px;
	border:none;
	}

#UpdateShippingButton,
#UpdateShippingButton:hover
	{
	background-position:0 -203px;
	width:106px;
	height:28px;
	border:none;
	}

#ProcessOrderButton,
#ProcessOrderButton:hover
	{
	background-position:0 0;
	width:97px;
	height:28px;
	border:none;
	}

.checkoutPanel
	{
	margin:0;
	background-color:#202028;
	padding:0 5px;
	border:4px solid #000;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
	
.checkoutPanel h2
	{
	}
	
.checkoutPanel table
	{
	font-size:0.9em;
	color:#ccc;
	}
	
.checkoutPanel table th
	{
	color:#fff;
	font-weight:normal;
	}

.checkoutPanel table tr
	{
	background-color:#303038;
	}
	
.checkoutPanel table td
	{
	padding:5px 10px;
	} /* 

	/css/panel.css
	
*/

.panel 
	{
	position:relative;
	margin:0 3px 0 0;
	}

.panel .wrapper,
.panel .t,
.panel .b .bleft,
.panel .b .bright
	{
 	background:transparent url(/images/gridPanel.png) no-repeat top right;
	}

.panel .content 
	{
 	position:relative;
 	zoom:1;
	margin:0;
	}

.panel .t
	{
 	/* top+left vertical slice */
 	position:absolute;
 	left:0px;
 	top:0px;
	width:15px;
 	height:100%;
 	background-position:top left;
	}


.panel .wrapper 
	{
	margin-left:0px;
 	padding:20px 20px 0px 20px;
	width:666px;
	}


.panel .b
	{
 	/* bottom */
 	width:706px;
	}
	
.panel .b .bleft
	{
	/* Bottom left corner */
 	width:18px; /* bottom corner width */
 	height:10px; /* height of bottom cap/shade */
 	font-size:1px;
	float:left;
	margin:0;
 	background-position:bottom left;
	}

.panel .b .bright
	{
 	height:10px; /* height of bottom cap/shade */
 	font-size:1px;
	margin-left:18px;
	background-position:bottom right;
	}

/* terminal.css */
.terminal
	{
	font-family:'Courier New', Courier, monospace; 
	font-size:19px;
	font-weight:bold;
	color:#090; 
	position:absolute;
	right:0px;
	top:0px;
	width:310px;	
	}		
	
.terminalCursor
	{
	background-color:#3b0;
	}
	
.scanLines
	{
	background:url(../../images/scanlines.png) repeat; 
	position:absolute; 
	top:0;
	left:0;
	width:722px;
	height:800px;
	}
	
.red { color: #f00; }	
.green { color: #0f0; }	
.blue { color: #00f; }	
.yellow { color: #ff0; }	
.purple { color: #f0f; }	/* 

	/css/badges.css 

	Styles for the badge links to social media, etc.

*/

.twitterBadge,
.facebookBadge
	{
	position:relative;
	margin:0px 3px 0 13px;
	height:32px;
	line-height:12px;
	}
	
.twitterBadge div,
.facebookBadge div
	{
	float:left;
	text-align:left; 
	margin:3px 0 0 0; 
	font-size:12px;
	}
	
.twitterBadge img,
.facebookBadge img
	{
	width:32px;
	height:32px;
	border:none;
	float:left;
	}

.atomicBadge
	{
	margin:0 auto;
	height:32px;
	line-height:12px;
	height:32px;
	width:174px;
	background:url(/images/badges/atomicHedgehogLogo.png) no-repeat;
	}
		
.atomicBadge p.hover
	{
	height:32px;
	width:174px;
	background:url(/images/badges/atomicHedgehogLogoColor.png) no-repeat;
	}
		

/*

	/css/hoverFade.css
	
	Styles for the hoverFade effect.
	
*/

.hoverFade 
	{
	position:relative;
	display:block;
	}

.hoverFade * 
	{
	display:none;
	}

.hoverFade p.hover 
	{
	position:absolute;
	top:0;
	left:0;
	display:block;
	}	

.jScrollPaneContainer 
	{
	position: relative;
	overflow: hidden;
	z-index: 1;
	display:block;
	}

.jScrollPaneTrack 
	{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
//	background:#000;
	opacity:0.7;
	}

.jScrollPaneDrag 
	{
	position: absolute;
	background:none;
	cursor: pointer;
	overflow: hidden;
	}

.jScrollPaneDragTop 
	{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background:url(/images/scrollDrag.png) -1px 0px no-repeat;
	width:13px;
	height:7px;
	}
	
.jScrollPaneDragMiddle
	{
	position: absolute;
	background:#fff;
	overflow: hidden;
	top:7px;
	}
	
.jScrollPaneDragBottom 
	{
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background:url(/images/scrollDrag.png) -1px -7px no-repeat;
	width:13px;
	height:7px;
	}
	
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}