/* Hero Nav Image Home Page*/

ul#heronav { 
	padding-left: 0;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: 5px;
	margin-top: 10px;
	width: 900px;
	height: 250px;
} ul#heronav li { display:inline; }

ul#heronav li a { height: 250px; float:left; text-indent:-9999px; text-decoration:none; }

ul#heronav li#av a { width: 115px; background: url(./images/CalDigitProductHero-HP.jpg) no-repeat 0 0; }

ul#heronav li#av a:hover { background-position: 0 -250px; }

ul#heronav li#mini a { width: 100px; background: url(<strong>./images/CalDigitProductHero-HP.jpg</strong>) no-repeat -115px 0; }

ul#heronav li#mini a:hover { background-position: -115px -250px; }

ul#heronav li#vr a { width: 125px; background: url(./images/CalDigitProductHero-HP.jpg) no-repeat -215px 0; }

ul#heronav li#vr a:hover { background-position: -215px -250px; }

ul#heronav li#element a { width: 145px; background: url(./images/CalDigitProductHero-HP.jpg) no-repeat -340px 0; }

ul#heronav li#element a:hover { background-position: -340px -250px; }

ul#heronav li#one a { width: 95px; background: url(./images/CalDigitProductHero-HP.jpg) no-repeat -485px 0; }

ul#heronav li#one a:hover { background-position: -485px -250px; }

ul#heronav li#pro a { width: 105px; background: url(./images/CalDigitProductHero-HP.jpg) no-repeat -580px 0; }

ul#heronav li#pro a:hover { background-position: -580px -250px; }

ul#heronav li#tf a { width: 215px; background: url(./images/CalDigitProductHero-HP.jpg) no-repeat -685px 0; }

ul#heronav li#tf a:hover { background-position: -685px -250px; }
/* Body */

body { background-color: #fff; color: #333333; font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

p {
	color: #333333;
	font-size: 10pt;
}
a:link, a:visited { color: black; text-decoration: none; }

a:hover, a:active { text-decoration: none; color: #f7941e;}

h1 { font-size: 32px; color: #333333; text-align: left; margin-bottom: 15px; margin-top: 15px;
	font-weight: bold;
	padding-bottom: 10px;
}

h21 { font-size: 18px; color: #333333;
font-weight: bold;
}

img {
	border-style: none;
	margin: 0;
}

h3 { font-size: 14px; color: #333333; text-align: left; margin-bottom: 6px; margin-top: 0;
	font-weight: bold;
}

h5 { color: #333333; text-align: left;
	font: italic 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

h6 { font-size: 24px; color: #333333; text-align: center;
	font-weight: bold;
	margin: 15px auto;
}

h8 {
	color: #333333;
	font: bold 24px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* Image Hero */

#hero img.hero {
	margin-bottom: -3px;
}

/* Layout */

#container { background-color: #ced0d0;
	width: 900px;
	margin-right: auto;
	margin-top: -3px;
	margin-left: auto;
}


#content {
	width: 900px;
	float: left;
	display: inline;
	line-height: 1.3em;
	font-size: 12px;
	margin-right: 0;
	margin-left: 30px;
	margin-bottom: 0;
}
#content .productLeft {
	float: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0;
}

#imgslide {
}
#content .productRight {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
}

div#test {
	margin-top: 0;
	padding-top: 0;
}

#fullpage {
	float: left;
	display: inline;
	margin: 10px;
	line-height: 1.3em;
	font-size: 12px;
}

#c_fullpage {
	margin: 21px;
}

#c_fullpage h3 a img {
	margin: 5px;
}

#Table_01 tbody tr td table tbody tr td span a {
	color: #333333;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

#Table_01 tbody tr td table tbody tr td span a:hover {
	color: #f7941e;
	text-decoration: none;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* Sidebar */
#sidebar {
	width: 280px;
	float: right;
	display: inline;
	font-size: 12px;
	line-height: 14px;
	padding: 5px;
	margin: 10px;
	clear: none;
}

#sidebar a:hover, #sidebar a:active {
	background-color: white;
	color: #333333;
}

#sidebar a:link, #sidebar a:visited {
	text-decoration: none;
}

#sidebar small a:link {
	text-decoration: underline;
	color: #333333;
}

#sidebar small a:hover {
	color: #f7941e;
}

/* buy now button */

ul#buynow { list-style:none; height: 30px; width: 90px;
	padding-left: 0;
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 30px;
}

ul#buynow li a { height: 30px; float: left; text-indent:-9999px;
	width: 90px;
}

ul#buynow li#buynow a { width: 90px; background: url(images/Buy-Now.png) 0 0; }

ul#buynow li#buynow a:hover { background-position: 0 -30px; }

ul#buynow li#buynow a.current { background-position: 0 -60px; }

/* Footer */

#hpfoot {
		clear:both;
		padding: 5px 10px;
		color: #333333;
	    font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	    text-align: center;
		vertical-align:middle;
	    background-color: #ced0d0;
}

#hpfoot a:hover {
	color: #333333;
}
ul#hpfoot {
list-style:none;
padding:0;
}

ul#hpfoot li {
display:inline
}

ul#hpfoot li a {
text-decoration:none;
text-align:center;
	margin-right: 10px;
	margin-left: 10px;
}


ul#hpfoot a {
	text-decoration: none;
}

#hpfoot p {
	font-size: 12px;
	line-height: 18px;
}


#twitter a:hover {
	text-decoration: underline;
}

#hpfoot p a {
	text-decoration: none;
}

#vimeo a:hover {
	text-decoration: underline;
}

#hpfoot p a:hover {
	text-decoration: underline;
}

#facebook a:hover {
	text-decoration: underline;
}

/* ImageBank Nav */


ul#ibnav {
	background-image: url(images/VRNav.jpg);
	height: 20px;
	border-left: thin solid #777777;
	border-right: thin solid #777777;
	list-style:none;
	margin-top: 0;
	margin-bottom: 0;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left: 0;
}

ul#ibnav li a { float: left;
	margin-right: 50px;
	margin-left: 0;
	padding-top: 2px;
}

ul#ibnav li#overview a {
	background-repeat: no-repeat;
	text-decoration: none;
}

ul#ibnav li#overview a:hover { }

ul#vrnav li#overview a.current {
	font-weight: bold;
}

ul#vrnav li#howto a {
	background-repeat: no-repeat;
	text-decoration: none;
}

ul#vrnav li#howto a:hover { }

ul#vrnav li#howto a.current {
	font-weight: bold;
}

ul#vrnav li#gallery a {
	background-repeat: no-repeat;
	text-decoration: none;
}

ul#vrnav li#gallery a:hover { }

ul#vrnav li#gallery a.current {
	font-weight: bold;
}

ul#vrnav li#performance a {
	background-repeat: no-repeat;
	text-decoration: none;
}

ul#vrnav li#performance a:hover { }

ul#vrnav li#performance a.current {
	font-weight: bold;
}


/* G VR Nav - For gallery page */

ul#g_ibnav {
	background-image: url(images/VRNav.jpg);
	height: 20px;
	border-left: thin solid #777777;
	border-right: thin solid #777777;
	list-style:none;
	margin-top: 0;
	margin-bottom: 0;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-top: 1px solid #777777;
	margin-left: 0;
}

ul#g_ibnav li a { float: left;
	margin-right: 50px;
	margin-left: 0;
	padding-top: 1px;
}

ul#g_ibnav li#logos a {
	background-repeat: no-repeat;
	text-decoration: none;
}

ul#g_ibnav li#logos a:hover { }

ul#g_ibnav li#logos a.current {
	font-weight: bold;
}

ul#g_ibnav li#drives a {
	background-repeat: no-repeat;
	text-decoration: none;
}

ul#g_ibnav li#drives a:hover { }

ul#g_ibnav li#drives a.current {
	font-weight: bold;
}

ul#g_ibnav li#cards a {
	background-repeat: no-repeat;
	text-decoration: none;
}

ul#g_ibnav li#cards a:hover { }

ul#g_ibnav li#cards a.current {
	font-weight: bold;
}

ul#g_ibnav li#accessories a {
	background-repeat: no-repeat;
	text-decoration: none;
}

ul#g_ibnav li#accessories a:hover { }

ul#g_ibnav li#accessories a.current {
	font-weight: bold;
}


ul#g_ibnav li#legacy a {
	background-repeat: no-repeat;
	text-decoration: none;
}

ul#g_ibnav li#legacy a:hover { }

ul#g_ibnav li#legacy a.current {
	font-weight: bold;
}

/* G VR Nav - For gallery page */

ul#cdbarhp {
	background-image: url(images/CalDigitHPbar.jpg);
	height: 40px;
	list-style:none;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-left: 31px;
	margin-top: -3px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ced0d0;
}

img#stories {
	margin-bottom: -4px;
	margin-top: 13px;
}

ul#cdbarhp li a {
	font-weight: bold;
	display:inline;
	text-indent: -9999px;
	font-size: 0;
}

ul#cdbarhp li#CalDigit a {
	background-repeat: no-repeat;
	text-decoration: none;
}

ul#cdbarhp li#CalDigit a:hover {
	background-repeat: no-repeat;
	text-decoration: none;
}

#container div a img {
	border-style: hidden;
	margin: 0;
}

#test a img {
	
}

img#imgslide {
	margin: 0;
}

form {
	margin: 0 0 -4px;
}




<!--top banner-->	
	

#apDiv1 {
	position:relative;
	width:1440px;
	height:60px;
	margin: 0px auto;
	z-index:999;
	background-color:#fff;
}
a img {
		border: none;
	}
	#Caldigit_HP-Hero {
		position: relative;
		width: 1440px;
		height: 570px;
		margin:0px auto;
		border: 0px;
		background-image: url();
		background-color:#fff;

	}
	#Caldigit_HP-Hero a.ad {
		position: absolute;	/* overlapping pics */
		
		
	}
	#Caldigit_HP-Hero .control {
		position: relative;
		
		left:600px;
		bottom:-580px;
	}
	#Caldigit_HP-Hero .control a {
		display: inline-block;
		padding: 3px;
		margin: 0 3px;
		width: 5px;
		height:5px;
		color: #999;
		background: #999;
		text-align: center;
		font-size: 0px;
		text-decoration: none;
	}
	#Caldigit_HP-Hero .control a.on {
		font-weight: bold;
		color: #ff9933;
		background-color:#ff9933;
	
	}




/*test*/
	#abgne_fade_pic {
		position: relative;
		width: 1280px;
		height: 620px;
		margin:0px auto;
		border: 0px;
		background-image: url(images/banner5.jpg);
	}
	#abgne_fade_pic a.ad {
		position: absolute;	/* overlapping pictures */
	}
	#abgne_fade_pic .control {
		position: absolute;
		right: 140px;
		bottom:270px;
	}
	#abgne_fade_pic .control a {
		display: inline-block;
		padding: 3px;
		margin: 0 3px;
		width: 5px;
		height:5px;
		color: #fff;
		background: #000;
		text-align: center;
		font-size: 0px;
		text-decoration: none;
	}
	#abgne_fade_pic .control a.on {
		font-weight: bold;
		color: #ff9933;
		background-color:#ff9933;
	
	}