/* CSS Document */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

body{
	
	
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color: #272729;
	
}
/******* hyperlink and anchor tag styles *******/

a:link {
	color: #0099FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0099FF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
/************** header tag styles **************/

h1{
 font: bold 120% Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Verdana, Arial, Helvetica, sans-serif;
 color: #0066FF;
 margin: 0px;
 padding: 0px;
}

h3{
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 
 margin: 0px;
 padding: 0px;
}
/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}
/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
.mainfields{
	text-align: center;
	background-color: #3398CC;
	border: 1px solid #000000;
}
.morephoto{
	
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
	
}
.morephoto a:link{
	color: #0170FE;
	font-weight: bold;
}
.morephoto a:visited{
	color: #0170FE;
	font-weight: bold;
}
.morephoto a:hover{
	color:#000000;
	
}
.morephoto a:active{
	color:#000000;
	
}
.pick{
	height: 35px;
	text-align: left;
	color: #000000;
	background-color: #FFCC00;
	background-image: url(images/camera.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-left: 3px;	
}
.fields{
	height: 50px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}
.fields1{
	height: 60px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}
.fields4{
	height: 54px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}
.fields2{
	height: 110px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}
.fields5{
	height: 130px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}
.fields6{
	height: 335px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}
.fields3{
	height: 125px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	padding-top: 0px;
}
.fieldsDescrip{
	height: 50px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	background-color: #FFFFFF;
}
.fieldsDescrip1{
	height: 127px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	background-color: #FFFFFF;
}
.fieldsDescrip2{
	height: 110px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	background-color: #FFFFFF;
}
.fieldsDescrip3{
	height: 130px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	background-color: #FFFFFF;
}						
.cased{
	text-align: center;
	background-color: #FFCC00;
	border: 1px solid #000000;
}
.nocase{
	height: 165px;
	text-align: center;
	
}
.case{
	height: 185px;
	text-align: center;
	background-color: #3398CC;
}.fieldsDescripblue{
	height: 51px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	
}
#contentmonitors{
	height: 800px;
	text-align: left;
	background-image: url(images/portable_monitors_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	
}
#contentsunglasses{
	height: 800px;
	text-align: left;
	background-image: url(images/wireless_lcd_glasses_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;	
}
#contentseatrak{
	height: 800px;
	text-align: left;
	background-image: url(images/seal_trak_gps_overlay_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	
}
#contentrecording{
	height: 800px;
	text-align: left;
	background-image: url(images/recording_playing_devices_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;	
}

#contentconsole{
	height: 800px;
	text-align: left;
	background-image: url(images/surface_consoles_bg3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	
}
#contentconsole2010{
	height: 916px;
	text-align: left;
	background-image: url(images/surface_consoles_bg_2010_round.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	
}

#contentbattery{
	height: 800px;
	text-align: left;
	background-image: url(images/sealed_lead_battery_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	
}
.bannerconsole {
	height: 150px;

}
.greyboxbg {
	background-image: url(images/colored_grey_bg.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 55px;
	height: 155px;
	text-align: left;
	padding-right: 10px;
	padding-top: 25px;
	font-size: 12px;
	margin-left: 55px;
}
.greyboxbg2 {
	background-image: url(images/colored_grey_bg.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 55px;
	height: 150px;
	text-align: left;
	padding-right: 10px;
	padding-top: 30px;
	font-size: 12px;
	margin-left: 55px;
}
.greyboxbg3 {
	background-image: url(images/colored_grey_bg.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-right: 55px;
	height: 150px;
	text-align: left;
	padding-right: 10px;
	padding-top: 30px;
	font-size: 12px;
	margin-left: 55px;
}
.yellowconsole {
	background-image: url(images/colored_grey_bg.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 55px;
	height: 155px;
	text-align: right;
	padding-right: 20px;
	padding-top: 25px;
	font-weight: bold;
	font-size: 12px;
}

.blueconsole {
	background-image: url(images/colored_grey_bg.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 55px;
	height: 150px;
	text-align: right;
	padding-right: 20px;
	padding-top: 30px;
	color: #09C;
	font-weight: bold;
	font-size: 14px;
}
.redconsole {
	background-image: url(images/colored_grey_bg.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-right: 55px;
	height: 150px;
	text-align: right;
	padding-right: 20px;
	padding-top: 30px;
	color: #F41C29;
	font-weight: bold;
	font-size: 14px;
}
		
input{
font-family: Arial,sans-serif;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#contentbody a:link, #contentbody a:visited{
	color: #0170FE;
	font-weight: bold;
}
#contentbody a:hover{
	color:#000000;
	
}
.bluelinkonwhite a:link{
	color: #0170FE;
	font-weight: bold;
}
.bluelinkonwhite a:visited{
	color: #0170FE;
	font-weight: bold;
}
.bluelinkonwhite a:hover{
	color:#000000;
	
}
.bluelinkonwhite a:active{
	color:#000000;
	
}
.christmas a:link{
	color: #339900;
	font-weight: bold;
}
.christmas a:visited{
	color: #339900;
	font-weight: bold;
}
.christmas a:hover{
	color:#FF0000;
	
}
.christmas a:active{
	color:#000000;
	
}

.yellow a:active{
	color:#FFFFFF;
	
}
.yellow a:link{
	color: #FFCC00;
	font-weight: bold;
}
.yellow a:visited{
	color: #FFCC00;
	font-weight: bold;
}
.yellow a:hover{
	color:#0099FF;
	
}



.style37 {
	font-size: smaller;
	color: #FF0000;
}
.searchbox {
	font-size: smaller;
	color: #999999;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/

/************** feature styles *****************/


/*************** story styles ******************/

/************* topbox**********************/

/* new css */
.topbox{position:relative; width:708px;  background:#ffffff; color:#000000;}

/*position divs*/
#tl-corner,#tr-corner{position:absolute; width:20px; height:20px; overflow:hidden;	background-image: url(images/title_bg2.jpg);}
#tl-corner {top:-2px; left:0px;}

#tr-corner {top:-2px; right:-3px;}


/* Bullet divs*/
#tl-bullet, #tr-bullet {
	position:absolute;
	font-size:150px;
	font-family:arial;
	color:#FFFFFF;
	line-height:40px;
	top: 2px;
}
#tl-bullet {left:-8px;}
#tr-bullet {left:-29px;}
/*************************lowerbox****************/
.lowerbox{position:relative; width:708px;  background:#ffffff; color:#000000;}

/*position divs*/
#bl-corner,#br-corner{position:absolute; width:20px; height:20px; overflow:hidden;	background-image: url(images/title_bg2.jpg);}
#bl-corner {bottom:0px; left:0px;}
#br-corner {bottom:0px; right:0px;}

/* Bullet divs*/
#bl-bullet, #br-bullet {position:absolute; font-size:150px; font-family:arial; color:#FFFFFF; line-height:40px;}
#bl-bullet {left:-8px; top:-15px;}
#br-bullet {left:-25px; top:-15px;}

/**********titlebox***********/
.titlebox{position:relative; width:300px; height:70px;  background:#3398CC; color:#ffffff;}

/*position divs*/
#tl-corner2,#bl-corner2,#tr-corner2,#br-corner2{
	position:absolute;
	width:20px;
	height:20px;
	overflow:hidden;
	
	background-color: #ffffff;
}
#tl-corner2 {top:0px; left:0px;}
#bl-corner2 {top:50px; left:0px;}
#tr-corner2 {top:0px; right:0px;}
#br-corner2 {top:50px; right:0px;}

/* Bullet divs*/
#tl-bullet2, #tr-bullet2, #bl-bullet2, #br-bullet2 {position:absolute; font-size:150px; font-family:arial; color:#3398CC; line-height:40px;}
#tl-bullet2 {left:-8px;}
#tr-bullet2 {left:-25px;}
#bl-bullet2 {left:-8px; top:-15px;}
#br-bullet2 {left:-25px; top:-15px;}


#leftcolumn1 {
	background-image: url(images/photoshop_left_menu_smalls.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-top: 5px;
	padding-right: 5px;
	height: 167px;
	font-size: 11px;
	width: 128px;
}
#leftcolumn2 {
	background-image: url(images/photoshop_left_menu_smalls.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-top: 5px;
	padding-right: 5px;
	height: 167px;
	font-size: 11px;
	width: 128px;
}
#leftcolumn3{
	background-image: url(images/photoshop_left_menu_longers.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-right: 5px;
	height: 280px;
	font-size: 11px;
	vertical-align: top;
	padding-top: 3px;
}
#rightcolumn1 {
	background-image: url(images/photoshop_left_menu_videos.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	height: 168px;
	font-size: 11px;
}
#rightcolumn2 {
	background-image: url(images/video_accessories_console.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-top: 5px;
	padding-right: 5px;
	height: 167px;
	font-size: 11px;
	width: 128px;
	color: #3398CC;
	font-weight: bold;
}
#rightcolumn2 a:link{
	color: #ffffff;
	font-weight: bold;
}
 #rightcolumn2 a:visited{
	color: #ffffff;
	font-weight: bold;
}
#rightcolumn2 a:hover{
	color:#3398CC;
	}


#rightcolumn3{
	background-image: url(images/photoshop_left_menu_longers.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-right: 5px;
	height: 280px;
	font-size: 11px;
	vertical-align: top;
	padding-top: 3px;
}

#horizontalmenuproof {
	background-image: url(images/horizontal_menu.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-top: 4px;
	padding-right: 0px;
	height: 30px;
	font-size: 11px;
	width: 700px;
	text-align: center;
}


/*position divs*/
#search{
	height:180px;
	color:#000000;
	font-family:verdana;
	padding-top: 10px;
	background-image: url(images/waterproof_camera_search.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	
}

#contentmiddle{
	height:auto;
	color:#000000;
	font-family:verdana;
	font-size: 18px;
	background-color: #FFFFFF;
	width: 708px;
}
#contentcloseup{
	height:auto;
	color:#000000;
	font-family:verdana;
	font-size: 18px;
	background-color: #FFFFFF;
	width: 500px;
}
.topboxcloseup{position:relative; width:500px;  background:#ffffff; color:#000000;}
.lowerboxcloseup{position:relative; width:500px;  background:#ffffff; color:#000000;}
#contenu{
	height:auto;
	color:#000000;
	font-family:verdana;
	padding-top: 10px;
	background-image: url(images/camera_watermark.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 5px;
	padding-right: 5px;
	
}
#player{
	height:auto;
	color:#000000;
	font-family:verdana;
	padding-top: 10px;
	
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 5px;
	padding-right: 5px;
	
}
#content2{
	position:absolute;
	top:20px;
	left:20px;
	width:275px;
	height:50px;
	color:#FFFFFF;
	font-family:verdana;
	font-size: 18px;
}
.style32 {color: #000000}
.style33 {color: #FFFFFF}
.style34 {color: #999999}
.style35 {color: #3398CC}
.style36 {color: #3F3D3D}
.style38 {
	color: #0099FF;
	font-weight: bold;
}
.style39 {color: #0099FF}
.style41 {color: #FF0000; font-weight: bold; }

.style44 {
	font-size: 9px;
	color: #FFCC00;
}
.style47 {color: #FF0000; font-weight: bold; font-size: x-large; }
.style48 {font-size: 9px}
.style49 {font-size: x-small}
.style50 {font-size: small}
.white {color: #FFFFFF}
.grey {color: #999999}

#site_info {
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	height: 25px;
	font-size: 11px;
	background-attachment: fixed;
	color: #FFFFFF;
	text-align: center;
}
#underwater_camera {
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	font-size: 10px;
	color: #666666;
	text-align: center;
}
#underwater_camera a:link, #underwater_camera a:visited{
	color: #666666;
	
}
#underwater_camera a:hover{
	color:#FFFFFF;
	
}
#bluetable a:link, #bluetable a:visited{
	color: #ffffff;
	font-weight: bold;
}
 #bluetable a:visited{
	color: #ffffff;
	font-weight: bold;
}
#bluetable a:hover{
	color:#000000;
	
}
#contentmiddle #contenu table tr td #contentmonitors .greyboxbg2 table tr td p strong {
	color: #FC0;
}
#contentmiddle #contenu table tr td #contentmonitors .greyboxbg table tr td p strong {
	color: #FC0;
}
#contentmiddle #contenu table tr td #contentmonitors .greyboxbg3 table tr td p strong {
	color: #FC0;
}

.yellowlink a:link{
	color: #FFCC00;
	font-weight: bold;
}
.yellowlink a:visited{
	color: #ffCC00;
	font-weight: bold;
}
.yellowlink a:hover{
	color:#FFFFFF;
	
}