@charset "utf-8";
/* CSS Document */


* {
	margin:0px;
	padding:0px;
   outline:none;
}
html, body, #background, #flash {
	width:100%;
	height:100%;
}
body {
	position:relative;
	/*overflow:hidden;*/
	background-color:#000000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
}
a {
	color:#FFF;
	text-decoration:none;
}
img {
	border:0px;
  -ms-interpolation-mode:bicubic; 
}
hr {
	height:2px;
	margin:0px 10px 10px 10px;
	background:#666666;
	border:none;
}
#background {
	position:fixed; top:0px; left:0px; z-index:-1;
	float:left;
}
#flash{
	margin:0 auto;
}
#container {
	position:relative; z-index:10000;
	color:#000;
	top: 0px;
	width:950px;
	margin:0px auto;
	clear: both;
	/* IE4ever Hack: Hide from IE4 / FF 3 **/
		position: static;
	/** end hack */
}

/* HEADER */
#header {
	background:url(../images/layout/header.png) left 10px no-repeat;
}
	#header a {
		display:block;
		height:70px;
		width:650px;
	}
	#header a span {
		display:none;
	}
	
/* NAVIGATION */
#pnav {
	background:url(../images/layout/top.png) left top no-repeat;
	height:36px;
}
	#pnav #skip {
		display:none;
	}
	#pnav ul {
		list-style:none;
		height:24px;
		margin:0px 0px 0px 25px;
	}
	#pnav ul li,
	#pnav ul li a,
	#pnav ul li a span {
		display:block;
		height:24px;
	}
	#pnav ul li {
		/*width:130px;*/
		float:left;
	}
	#pnav ul li a {
		color:#CCCCCC;
	}
	#pnav ul li a:hover {
		background:url(../images/layout/nav-over.png) left top repeat-x;
		color:#FFFFFF;
	}
	#pnav ul li a span {
		height:21px;
		text-transform:uppercase;
		font-size:14px;
		font-weight:700;
		padding:3px 20px 0px 20px;
		cursor:pointer;
	}
	
/* CONTENT */
#content {
	position:relative;
	background:url(../images/layout/middle.png) left top repeat-y;
	padding:0px 20px 0px 11px;
}

/* COLUMN 1 */
	#content #col1 {
		position:relative;
		min-height:550px;
		width:630px;
		margin:0px 10px 0px 0px;
	}
	#content #col1 table, p, h4, h5 {
			margin-bottom:12px;
			padding:0px 10px 0px 10px;
			text-align:justify;
		}
		#content #col1 h4 {
			padding:1px 10px 0px 10px;
			height:26px;
			font-size:18px;
			background:#bebeb5;
			border-bottom:1px solid #95958c;
		}
		#content #col1 h5 {
			position:relative;
			font-size:12px;
		}
		#content #col1 h5.bigText {
			font-size:14px;
		}
		#content #col1 h5 a {
			font-size:12px;
		}
			#content #col1 h5 span {
				display:block;
				position:absolute;
				top:0px;
				right:10px;
				width:200px;
				text-align:right;
			}
		#content #col1 a {
			color:#333333;
			font-size:11px;
			font-weight:700;
		}
			#content #col1 a:hover {
				text-decoration:underline;
			}
		#content #col1 #reviews {
			margin:30px 20px 0px 20px;
			padding:0px 0px 0px 10px;
			border-left:20px solid #CCCCCC;
		}
			#content #col1 #reviews p {
				font-size:11px;
        		margin:0px 0px 30px 0px;
			}
			#content #col1 #reviews p span {
				display:block;
				padding-top:5px;
				font-size:11px;
				text-align:right;
			}
			#content #col1 #reviews #lastReview {
				margin:0px;
			}
		#content #col1 .theVideo {
			padding:0px 10px 0px 10px;
			float:left;
		}
		/*#content #col1 .shippingRates {
			position:absolute;
			right:0px;
			top:65px;
			width:225px;
			padding:0px;
			margin:-27px 10px 0px 10px;
			background:#CCCCCC;
		}
			#content #col1 .shippingRates th,
			#content #col1 .shippingRates td {
				width:25%;
				padding:5px;
				text-align:center;
			}
			#content #col1 .shippingRates th {
				border-bottom:2px solid #333333;
			}
			#content #col1 .shippingRates .first {
				width:25%;
				padding:5px;
				text-align:center;
				border-right:1px solid #333333;
			}*/
         
       /* ROBS CORNER */
		#content #col1 div#robsLogo {
			float:right;
			margin:0px 10px 0px 0px;
		}
		div.viewCartBtn {
      	float:right;
         width:102px;
         height:27px;
       	text-align:right; 
        	padding:0px 10px 0px 0px;
      }
      .backToTop {
      	float:right;
         width:102px;
         height:27px;
         background:url(../images/robs-corner/back-to-top.jpg) left top no-repeat;
      }
      .backToTop span {
       	display:none; 
      }
      div.prodDesc {
        	float:left;
        	width:180px;
         margin:0px 40px 0px 0px;
         text-align:center;
      }
      div.lastDesc {
       	margin:0px; 
      }
      div.prodDesc img { 
      	margin:0px 0px 15px 0px;
      }
      div.prodDesc table {
        	width:130px;
         margin:0px auto;
      }
      div.prodDesc table td {
       	padding:2px; 
      }
      div.prodDesc table select{
        	width:90px;
      }
		
/* COLUMN 2 */
	#content #col2 {
		position:absolute;
		top:0px;
		right:12px;
		width:276px;
		margin:0px 0px 0px 10px;
		/*border:1px solid red;*/
	}
		#content #col2 div {
			border:1px solid #dadace;
			background:#acacac;
		}
      #content #col2 div.midSec {
       	margin-top:15px; 
      }
      #content #col2 div#relatedSites {
       	margin-top:15px;
         text-align:left;
      }
      
		#content #col2 p, h4, h5 {
			margin-bottom:12px;
			padding:0px 10px 0px 10px;
		}
		
		#content #col2 img {
			 margin:0px 10px;
		}
	
		#content #col2 a {
			color:#333333;
		}
		#content #col2 a:hover {
			text-decoration:underline;
		}
		#content #col2 h4 {
			background:#828282;
			border-bottom:1px solid #dadace; 
			padding:3px 3px 3px 10px;
			font-size:18px;
			font-weight:normal;
			text-align:left;
		}
		#content #col2 ul {
			list-style:none;
			margin:0px 0px 0px 20px;
		}
		#content #col2 #price {
			margin:0px 0px 15px 0px;
			font-size:22px;
			font-weight:bold;
		}
		#content #col2 #price span {
			font-size:14px;
		}
		#content #col2 #shipping {
			font-size:14px;
			font-weight:normal;
		}
		#content #col2 #orderNow {
			height:27px; 
        	padding:0px 0px 10px 8px;
		}
		#content #col2 #available {
			clear:both;
			display:block;
		}
		#content #col2 #featured {
			font-weight:700;
			font-size:14px;
		}
		#content #col2 .lastSec {
			border-bottom:none;
			padding-bottom:10px;
		}
			#content #col2 p.zxLogo a {
				display:block;
				width:250px;
				height:110px;
				background:url(/images/ZONE-X-LOGO_245pxw_2state.jpg) left top no-repeat;
			}
			#content #col2 p.zxLogo a:hover {
				background:url(/images/ZONE-X-LOGO_245pxw_2state.jpg) left -104px no-repeat;
			}
			#content #col2 p.zxLogo a span {
				display:none;
			}
		#content #col2 #endcap {
			height:23px;
			border:none;
			background:#4a4a4b url(../images/layout/col2-last.jpg) 0px bottom no-repeat;
		}

/* FOOTER */
#footer {
	background:url(../images/layout/bottom.png) left top no-repeat;
	height:20px;
	padding:50px 0px 0px 0px;
	font-size:11px;
	text-align:right;
}
#footer #copyright,
#footer #designBy {
	float:right;
	margin-left:20px;
	text-align:right;
	color:#FFF;
}
#footer #copyright {
	margin-right:30px
}


/* CONTROLS */
#showhide {
	width:920px;
	margin:0px auto;
	padding:0px 50px 0px 0px;
	font-size:11px;
	color:#FFFFFF;
	text-align:right;
}
#showhide a {
	color:#FFFFFF;
}
#showhide a:hover {
	color:#FFFFFF;
}
#flashAudio {
 	position:fixed;
  top:0px;
  right:0px;
	height:18px;
   width:97px;
   padding-left:35px;
}


/* CLASSES */
.clearer {
	clear:both;
}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}


