/* ====================== Page Formatting  ========================*/
body, table, p {
	margin: 0px;
	padding: 0px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;}
body {background-color: #FFFFFF;}
td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;}

a:link, a:active {color:#39618A; text-decoration: underline;}
a:visited {color :#39618A;}
a:hover {text-decoration: none;}

input, select, textarea {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	color: #39618A;
	font-weight: bold;
	padding: 0px 0px 11px 0px;}
h1 {font-size: 17px;}
h2 {font-size: 15px;}
h3, h4, h5, h6, h7 {font-size: 13px;}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}
li {
	padding: 3px 0px 3px 10px;
	background: url(/Common/Img/bulletBlackSquare.gif) no-repeat 0px 6px;}
li a {
	text-decoration: none;
	padding: 3px 0px 3px 0px;}
li a:hover {text-decoration: underline;}

p {padding-bottom: 15px;}

hr {
	width: 100%;
	height: 1px;
	margin: 0px;
	padding: 0px;
	color: #D6D6D6; 
	background: #D6D6D6;
	background-color: #D6D6D6;}
.hidden {display: none;}
.smallText {font-size:9px;}
	

/* ====================== layout & columns ========================*/
#footer {
	clear: both;
	padding: 70px 0px 50px 0px;}
	
#miniCartHolder {
	width: 780px;
	margin: 25px 0px 25px 10px;}
#pageBanner {
	float: right;
	widows: 400px;}
#miniCartContainer, #miniCartContainer a, #miniCartContainer #SubTotal {
	color: #39618a;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;}
#miniCartContainer a:hover {text-decoration: underline;}

#logoContainer {background: url(/Common/Img/blueTile.gif) repeat 0px 0px;}
.logo {
	margin-left: 200px;
	padding: 5px 0px 5px 7px;
	background-color: #000000;}
	
#main {width: 780px;} 
#leftMaster {
	/*there is no width set on this div, instead a margin-right subtracts from the "main" to determin the width */
	/*LM must come after RM in the structure of the HTML*/ 
	margin-right: 605px;}
#rightMaster {
	/*width cannot exceed the value of margin-right in "leftmaster", but it can be smaller if a blank margin is desired between LM & RM*/
	float: right;	
	width: 580px;}

.rightMasterCol1 {width: 340px; float: left;}
.rightMasterCol2 {margin-left: 380px;}
.rightMasterCol0 {clear: both;}
	
.checkoutOveride .rightMasterCol1 {width: 290px;}
.checkoutOveride .rightMasterCol2 {margin-left: 290px;}
	
.colHeader {height: 75px;}


/* ====================== Menu ====================== */
#navMenu, #navMenu a {
	color: #39618A;
	text-decoration: none;}
#navMenu {margin-left: 10px;}

#navMenu ul, #navMenu li {	
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-image: url(none);}

#navMenu li a {
	width: 160px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
	background-color: #DFDBD4;
	border-top: 1px solid #D2D2D2;}

#navMenu li li a, #navMenu li li li a {
	width: 145px;
	border: none;
	color: #989898;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 0px 2px 20px;
	background-color: #FFFFFF;}	
#navMenu li#hidden {display: none;}

/* ====================== Common Table Formatting ========================*/
.contentTable, .featuredItemTable, .storeProductTable,
	.resellerTable, .contactFormTable, .videoSamples {
	margin-bottom: 30px;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;}
	
.featuredItem1, .resellerLogo, .contactFormTable .rightMasterCol1 {border-right: 1px solid #D2D2D2;}


/* ====================== Exception Table Formatting ========================*/
.contentTable {
	margin-bottom: 0px;
	border-bottom: none;}
	
.resellerTable {margin-bottom: 10px;}


/* ====================== Product Table ========================*/
.featuredItem2 {border-bottom: 1px solid #D2D2D2;}

.featuredItemCol2 {width: 110px;}
.featuredItemCol3 {margin-left: 120px;}

.featuredItemCol2 ul {
	margin: 0px;
	padding: 0px;}
.featuredItemCol2 li {margin: 0px 0px 2px 15px;}	
	
.description {width: 330px;}


/* ====================== Reseller Table ========================*/
.resellerLogo {
	width: 180px;
	height: 120px;}
	

/* ====================== Video Samples Table ========================*/
.videoSamples h1, .videoSamples h2 {padding-top: 5px;}
.videoSamples h3, .videoSamples p, .manualSamples h3, .manualSamples p {padding: 0px;}

#mpeg, #flash {
	height: 222px;
	margin-right: 10px;
	background: url(/Common/Img/videobackground.jpg) no-repeat -12px -7px}
	
.videoMpegList, .videoFlashList {
	padding-bottom: 5px;
	border-top: 1px solid #D2D2D2;}
	
.videoMpegList li, .videoFlashList li {
	padding: 3px 0px 3px 15px;
	background: url(/Common/Img/bulletMpeg.gif) no-repeat 0px 4px;}
.videoFlashList li {background: url(/Common/Img/bulletFlash.gif) no-repeat 0px 4px;}

.manualSamples {width: 340px;}

.manualSamples li {
	padding: 3px 0px 3px 15px;
	background: url(/Common/Img/bulletAdobe.gif) no-repeat 0px 4px;}

.videoMpegList a:link, .videoFlashList a:link, .manualSamples a:link,
.videoMpegList a:active, .videoFlashList a:active, .manualSamples a:active {
	color:#000000;
	text-decoration: underline;}
.videoMpegList a:visited, .videoFlashList a:visited, .manualSamples a:visited, {
	color :#000000;
	text-decoration: underline;}
.videoMpegList a:hover, .videoFlashList a:hover, .manualSamples a:hover, {text-decoration: none;}


/* ====================== data grids ========================*/
.dataGrid{
	width: 520px;
	border: none;}
.dataGrid td, #CartContainer td {
	padding: 3px;
	height: 20px;
	border: 1px solid #D2D2D2;}
.dataHeaderStyle, #CartContainer .Header {
	height: 25px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;	
	vertical-align: middle;
	background-color: #39618A;
	text-transform: capitalize;}
.dataHeaderStyle a:link, .dataHeaderStyle a:active, .dataHeaderStyle a:visited {color: #FFFFFF;}
.dataItemStyle, #CartContainer .CartItem {}
.dataAltItemStyle, #CartContainer .CartAlternateItem {background-color: #DFDBD4;}
.dataFooterStyle {
	color: #FFFFFF;
	background-color: #000000;}
.dataSelectedItemStyle {background-color: #b0b0b0;}



/* ====================== Google's AddSense ========================*/
#AddSense {margin: 20px 0px 0px 10px;}