/* ---- Basic Elements ---- */
body { background-color: #0e0d0e; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 75%; height: 100%; width: 100%; margin: 0; } 
a { color: #009fe4; text-decoration: none; }
a:hover { text-decoration: underline; }
em { font-style: oblique; }
strong { font-weight: bold; }
img {
	display: block;
	text-align: center;
}
sup { position: relative; top: -3px; vertical-align: top; font-size: 90%; }


.clear { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; }

/* ---- Basic Layout ---- */
#pg { background: #FFFFFF url(/images/bg_pageFill.gif) 50% 0 repeat-y; position: relative; width: 100%; /*margin: -8px 0 0 -8px;*/}
#cw { background: url(/images/bg_page.gif) 50% 138px no-repeat; min-height: 550px; height: auto !important; height: 550px; position: relative; width: 100%; z-index: 5; }
#cb { background: url(/images/bg_footer.gif) 0 98px repeat-x; margin-top: -98px; position: relative; width: 100%; z-index: 1; }
#hd, #bd { margin: 0 auto; width: 1000px; }
#hd { padding: 18px 28px 5px 29px; width: 943px; }
#bd { padding: 0 24px 64px; width: 952px; }
#ft { background: url(/images/bg_pageBottom.gif) 50% 0 no-repeat; color: #333333; font-size: 11px; height: 117px; padding: 98px 0 0; position: relative; width: 100%; }

/* ---- Content Styles ---- */

.white { color: #FFFFFF; font-size: 14px; }
.boldLg { font-size: 13px; font-weight: bold; }
.bold { font-size: 12px; font-weight: bold; }
.small { font-size: 11px}
.graySm { color: #999999; font-size: 11px; }
.title { font-size: 24px; font-weight: bold; }
.title2 { font-size: 14px; font-weight: bold; }
.price { font-size: 18px; }
.italic { font-style: italic; }

.faq { line-height:18px; }


.button { display: block; height: 24px; text-indent: -9999px; width: auto; }
.buyNow { background: url(/images/btn_buy_now.gif) 0 0 no-repeat; position: relative; width: 83px; z-index: 20; }
.buyNow:hover { background-position: 0 -24px; }
.download { background: url(/images/btn_download.gif) 0 0 no-repeat; position: relative; width: 125px; z-index: 20; }
.download:hover { background-position: 0 -24px; }

.content { float: left; width: 100%; margin: -60px 0 0 0; position: relative;}


/* ---- Header ---- */
#logo { float: left; height: 44px; width: 134px; }
#tagline { float: left; height: 44px; width: 450px; font-size: 20px; color: #999999; margin: 12px 0 0 40px; }
#searchBar { float: right; background: url(/images/searchBar.gif) 0 0 no-repeat; margin: 14px 0 0; height: 22px; width: 202px; }
#searchBar input { background: none; border: none; display: inline-block; height: 15px; }
#searchBar #searchVal { color: #333333; font-size: 13px; height: 16px; margin: 2px 0 0 27px; width: 150px; }
#searchBar #searchBtn { cursor: pointer; text-indent: -9999px; width: 19px; }

/* ---- Top Navigation ---- */
.ddcolortabs{
	width: 943px;
	height: 40px;
	background-image: url(/images/navBkgd.png);
	margin: 0 0 5px 4px;
}

.ddcolortabs li{
font: normal 12px Verdana, Arial, sans-serif;
display: inline;
cursor: pointer;
float: left;
margin: 12px 38px 0 -10px;
}

.ddcolortabs a{
color: white;
text-decoration: none;
letter-spacing: 0px;
}

.ddcolortabs a:hover{
text-decoration: underline;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: gray;
border-top: 10px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0px;
border: 4px solid black; 
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 4px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: black;
width: 260px;
visibility: hidden;
}

.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 2px 0;
text-decoration: none;
color: white;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
	background-color: #333333;
	color: white;
}


/* ---- FooterGray ---- */
#ftGray { height: 38px; margin: 0 auto; width: 1003px; z-index: 10; padding: -38px 0 0 0; position: relative; }
#ftGrayBack { float: left; background-color: #595959; color: #cdcdcd; font-size: 12px; height: 38px; width: 1002px; margin: 0 0 0 2px; }
#ftGrayBack .left { float: left; margin: 12px 0 0 35px; }
#ftGrayBack .right { float: right; margin: 12px 35px 0 0; }
#ftGray a { color: #cdcdcd; }



/* ---- Product Gallery ---- */
#apDiv1 {
	position:absolute;
	left:10px;
	top:76px;
	width:290px;
	height:250px;
	z-index:1;
	visibility: visible;
}
#apDiv2 {
	position:absolute;
	left:10px;
	top:76px;
	width:277px;
	height:248px;
	z-index:2;
	visibility: visible;
}
#apDiv3 {
	position:absolute;
	left:10px;
	top:76px;
	width:291px;
	height:249px;
	z-index:6;
	visibility: hidden;
}
#apDiv4 {
	position:absolute;
	left:10px;
	top:76px;
	width:256px;
	height:250px;
	z-index:4;
}
#apDiv5 {
	position:absolute;
	left:10px;
	top:76px;
	width:291px;
	height:253px;
	z-index:5;
}
#apDiv7 {
	position:absolute;
	left:855px;
	top:76px;
	width:91px;
	height:28px;
	z-index:15;
}
#apDiv8 {
	position:absolute;
	left:752px;
	top:76px;
	width:194px;
	height:28px;
	z-index:15;
}
#button1 {
	position:absolute;
	left:10px;
	top:334px;
	width:54px;
	height:55px;
	z-index:7;
	cursor: crosshair;
}
#button2 {
	position:absolute;
	left:126px;
	top:334px;
	width:56px;
	height:55px;
	z-index:8;
	cursor: crosshair;
}
#button3 {
	position:absolute;
	left:68px;
	top:334px;
	width:54px;
	height:55px;
	z-index:9;
	cursor: crosshair;
}
#button4 {
	position:absolute;
	left:185px;
	top:334px;
	width:54px;
	height:55px;
	z-index:10;
	cursor: crosshair;
}
#button5 {
	position:absolute;
	left:243px;
	top:334px;
	width:54px;
	height:53px;
	z-index:11;
	cursor: crosshair;
}


/* ---- Product Tabs ---- */
#Overview {
	position:absolute;
	left:322px;
	top:76px;
	width:100px;
	height:28px;
	z-index:12;
	cursor: pointer;
}
#Features {
	position:absolute;
	left:422px;
	top:76px;
	width:103px;
	height:29px;
	z-index:12;
	cursor: pointer;
}
#Specifications {
	position:absolute;
	left:525px;
	top:76px;
	width:145px;
	height:29px;
	z-index:12;
	cursor: pointer;
}
#Specifications2 {
	position:absolute;
	left:422px;
	top:76px;
	width:145px;
	height:29px;
	z-index:12;
	cursor: pointer;
}
#Labels {
	position:absolute;
	left:670px;
	top:76px;
	width:185px;
	height:28px;
	z-index:12;
	cursor: pointer;
}
#Labels2 {
	position:absolute;
	left:567px;
	top:76px;
	width:185px;
	height:28px;
	z-index:12;
	cursor: pointer;
}
#tabOn1 {
	position:absolute;
	left:407px;
	top:86px;
	width:10px;
	height:10px;
	z-index:13;
	background-color: #000000;
	visibility: visible;
}
#tabOn2 {
	position:absolute;
	left:510px;
	top:86px;
	width:10px;
	height:12px;
	z-index:13;
	background-color: #000000;
}
#tabOn3 {
	position:absolute;
	left:650px;
	top:86px;
	width:10px;
	height:12px;
	z-index:13;
	background-color: #000000;
}
#tabOn3a {
	position:absolute;
	left:547px;
	top:86px;
	width:10px;
	height:12px;
	z-index:13;
	background-color: #000000;
}
#tabOn4 {
	position:absolute;
	left:842px;
	top:86px;
	width:10px;
	height:12px;
	z-index:13;
	background-color: #000000;
}
#tabOn4a {
	position:absolute;
	left:739px;
	top:86px;
	width:10px;
	height:12px;
	z-index:13;
	background-color: #000000;
}

#tabOff1 {
	position:absolute;
	left:407px;
	top:86px;
	width:10px;
	height:10px;
	z-index:13;
	background-color: #000000;
	visibility: visible;
}

#tabOff2 {
	position:absolute;
	left:510px;
	top:87px;
	width:10px;
	height:12px;
	z-index:13;
	background-color: #000000;
}
#tabOff3 {
	position:absolute;
	left:650px;
	top:86px;
	width:12px;
	height:12px;
	z-index:13;
	background-color: #000000;
}
#tabOff3a {
	position:absolute;
	left:547px;
	top:86px;
	width:12px;
	height:12px;
	z-index:13;
	background-color: #000000;
}
#tabOff4 {
	position:absolute;
	left:842px;
	top:86px;
	width:12px;
	height:12px;
	z-index:13;
	background-color: #000000;
}
#tabOff4a {
	position:absolute;
	left:739px;
	top:86px;
	width:12px;
	height:12px;
	z-index:13;
	background-color: #000000;
}

#apDivOverview {
	position:absolute;
	left:322px;
	top:110px;
	width:624px;
	height:280px;
	z-index:14;
	background-color: #F2F2F2;
	background-attachment: scroll;
	visibility: visible;
	overflow: auto;
}
#apDivOverview2 {
	position:absolute;
	left:322px;
	top:110px;
	width:624px;
	height:1900px;
	z-index:14;
	background-color: #F2F2F2;
	background-attachment: scroll;
	visibility: visible;
}
#apDivFeatures {
	position:absolute;
	left:322px;
	top:110px;
	width:624px;
	height:280px;
	z-index:14;
	background-color: #F2F2F2;
	background-attachment: scroll;
	visibility: hidden;
	overflow: auto;
}

#apDivSpecifications {
	position:absolute;
	left:322px;
	top:110px;
	width:624px;
	height:280px;
	z-index:14;
	background-color: #F2F2F2;
	background-attachment: scroll;
	visibility: hidden;
	overflow: auto;
}

#apDivLabels {
	position:absolute;
	left:322px;
	top:110px;
	width:624px;
	height:280px;
	z-index:14;
	background-color: #F2F2F2;
	background-attachment: scroll;
	visibility: hidden;
	overflow: auto;
}
.callout_tagline {
	font-size: 16px;
	font-weight: bold;
	color: #00b1ea;
}
