@charset "windows-1252";
/* CSS Document */


body {
	background-image: url(images/criscam_background.png);
	background-repeat: repeat;
	margin-top: 20px;
	font-family:    Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.blk {
background-color:#262626;
}
we
.login {
background-image:url(images/criscam_camera_services_03.png); background-repeat:repeat-y;
}

.center_cell {
background-image:url(images/criscam_camera_services_05.png); background-repeat:repeat-y;
}

.bottom_nav {
background-image:url(images/criscam_camera_services_07.png); background-repeat:repeat-y;
}


img {
	border:none;
}


p {
	font-family:    Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #666666;
	margin-left:20px;
	margin-top:12px;
	margin-right:20px;
}

.search {
	font-family:    Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align:center;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing:1px;
	color: #0E3368;
	font-weight:bold;
		margin-left:20px;
		margin-top:15px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;
	color: #0E3368;
	font-weight:bold;
		margin-left:20px;
		margin-top:15px;
		margin-bottom:0px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	color: #000000;
	font-weight:bold;
		margin-left:20px;
		margin-top:5px;
		margin-bottom:0px;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;
	color: #0E3368;
	font-weight:bold;
	
}

h5 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;
	color: #000000;
	font-weight:bold;
		margin-left:15px;
		margin-top:7px;
		margin-bottom:6px;
}

h6 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing:1px;
	color:#BB0D0A;
	font-weight:bold;
		margin-left:20px;
		margin-top:15px;
}

h7 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;
	color:#BB0D0A;
	font-weight:bold;
		margin-left:20px;
		margin-top:15px;
		margin-bottom:0px;
}

h8 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing:1px;
	color: #0E3368;
	font-weight:bold;
		padding-bottom:15px;
}

h9 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;
	color: #000000;
	font-weight:bold;
		margin-left:20px;
		margin-top:15px;
		margin-bottom:0px;
}

.red {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;

}
a.red:link {
	color: #BB0D0A;
	text-decoration:none;
}
a.red:visited {
	color: #BB0D0A;
		text-decoration:none;
}
a.red:hover {
	color: #000000;
		text-decoration:underline;
}
a.red:active {
	color: #BB0D0A;
		text-decoration:none;
}

.red_red {
	font-family:    Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #BB0D0A;
	margin-left:20px;
	margin-top:15px;
	margin-right:20px;
}



.blue {color: #0E3368;
height:30px;
}
.gray {color: #666666;
height:30px;

}

.gray_small_heavy {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight:bold;
	padding-left:30px;

}

.gray_small_light {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight:normal;
}

li{
font-family:    Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	color: #666666;
	margin-left:10px;
}



a:link {
	color: #0E3368;
	text-decoration:none;
}
a:visited {
	color: #0E3368;
		text-decoration:none;
}
a:hover {
	color: #000000;
		text-decoration:underline;
}
a:active {
	color: #0E3368;
		text-decoration:none;
}

.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;

}

.fakelink {
	color: #0E3368;
	text-decoration:none;
	cursor:pointer;
}
.fakelink:hover {
	color: #0E3368;
	text-decoration:none;
	cursor:pointer;
	text-decoration:underline;
}


.f_space {
border:1px #BFBFBF solid;
font:normal 10px verdana,arial;
width:125px;
	margin-right:5px;
		margin-top:8px;
		margin-bottom:6px;
}

.f_space_new {
border:1px #BFBFBF solid;
font:normal 10px verdana,arial;
width:115px;
	margin-right:5px;
		margin-top:8px;
		margin-bottom:6px;
}

.line{
margin-top:15px;
margin-bottom:15px;
}

.top {
background-image:url(images/criscam_camera_services_01.png);
height:45px;
width:910px;
}

.blue_head_cell {
background-image:url(images/center_cells_01.png);
background-repeat:no-repeat;
height:31px;
width:200px;
}

.gradient_cell {
background-image:url(images/center_cells_02.png);
background-repeat:no-repeat;
background-position:bottom;
width:200px;
}

.retail_head_cell {
background-image:url(images/center_cells_retail_01.png);
background-repeat:no-repeat;
height:31px;
width:250px;
font-family:   Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BB0D0A;
}

.retail_gradient_cell {
background-image:url(images/center_cells_retail_02.png);
background-repeat:no-repeat;
background-position:bottom;
width:250px;
}

.image_space {
margin-top:10px;
}

#floater
{
background-image:URL('images/baloon.gif');
background-repeat:no-repeat;
width:160px;
height:55px;
font:normal 10px arial,verdana;
color:#0E3368;
padding:5px;
overflow:visible;

}
#dropdiv
{
width:144px;
}
.dropped
{
background-image:URL('images/top_navigation_roll_13.png');
background-repeat:y-repeat;
font:normal 11px arial,verdana;
color:#0E3368;
text-align:left;
padding:0px 0px 6px 10px;
cursor:pointer;
}
.dropped_over
{
background-image:URL('images/top_navigation_roll_13.png');
background-repeat:y-repeat;
font:normal 11px arial,verdana;
color:#999;
text-align:left;
padding:0px 0px 6px 10px;
cursor:pointer;
}
.bottomnav
{
background-image:URL('images/top_navigation_roll_19.png');
background-repeat:no-repeat;
width:144px;
height:16px;
}
.webinput
{
border:1 #BFBFBF solid;
font:normal 10px verdana,arial;
width:250px;
}
.webselect
{
border:1 #BFBFBF solid;
font:normal 12px verdana,arial;
width:250px;
}
.area51
{
border:1 #BFBFBF solid;
font:normal 10px verdana,arial;
width:250px;
height:200px;
}
.smallselect
{
border:1 #BFBFBF solid;
font:normal 10px verdana,arial;
width:150px;
}
.smallinput
{
border:1 #BFBFBF solid;
font:normal 10px verdana,arial;
width:150px;
}
.webinput_2
{
border:1 #BFBFBF solid;
font:normal 10px verdana,arial;
width:200px;
}
.webselect_2
{
border:1 #BFBFBF solid;
font:normal 10px verdana,arial;
width:200px;
}
.formleft
{
background-color:#D2D2D2;
font:bold 10px verdana,arial;
color:#333;
width:160px;
vertical-align:top;
}
.formright
{
background-color:#EFEFEF;
font:normal 10px verdana,arial;
width:160px;
vertical-align:top;
}
.button
{
width:120px;
height:24px;
background-image:URL('images/button_up.png');
background-repeat:no-repeat;
cursor:pointer;
font:normal 12px verdana,arial;
color:#0E3368;
text-align:center;
padding-top:4px;
}
.button_over
{
width:120px;
height:24px;
background-image:URL('images/button_over.png');
background-repeat:no-repeat;
cursor:pointer;
font:normal 12px verdana,arial;
color:#000;
text-align:center;
padding-top:4px;
}
.button_long
{
width:200px;
height:24px;
background-image:URL('images/button_up_long.png');
background-repeat:no-repeat;
cursor:pointer;
font:normal 12px verdana,arial;
color:#0E3368;
text-align:center;
padding-top:4px;
}
.button_over_long
{
width:200px;
height:24px;
background-image:URL('images/button_over_long.png');
background-repeat:no-repeat;
cursor:pointer;
font:normal 12px verdana,arial;
color:#000;
text-align:center;
padding-top:4px;
}
hr
{
height:1px;
color:#DFDFDF;
}
.re
{
font:bold 14px verdana,arial;
color:#C61A1A;
}

.coffee_lid
{
padding: 10px;
width: 780px;
border: 2px #000000 solid;
background-color:#FFFFFF;
font: normal 10px verdana;
z-index: 101;
position: absolute;
top:0px;
left:0px;
filter: alpha(opacity=0);
-moz-opacity:0;
opacity: 0;
}

.coffee
{
width: 1px;
height: 1px;
visibility: none;
position: absolute;
top:0px;
left:0px;
z-index: 100;
}
.coffee_active
{
width: 100%;
height: 100%;
visibility: visible;
filter: alpha(opacity=0);
-moz-opacity:0;
opacity: 0;
position: absolute;
top:0px;
left:0px;
background-color:#FFFFFF;
z-index: 100;
}
.password
{
border:1px #BFBFBF solid;
font:normal 10px verdana,arial;
width:125px;
margin-right:5px;
margin-top:8px;
margin-bottom:6px;
background-image:URL('images/password.png');
background-repeat:no-repeat;
}
.password_new
{
border:1px #BFBFBF solid;
font:normal 10px verdana,arial;
width:115px;
margin-right:5px;
margin-top:8px;
margin-bottom:6px;
background-image:URL('images/password.png');
background-repeat:no-repeat;
}
.green {
	font-family:   Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color:#00CC00;
	margin-left:20px;
	margin-top:12px;
	margin-right:20px;
}

.status {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight:bold;

}
a.status:link {
	color: #FFFFFF;
	text-decoration:underline;
}
a.status:visited {
	color: #FFFFFF;
		text-decoration:underline;
}
a.status:hover {
	color:#AAAAAA;
		text-decoration:underline;
}
a.status:active {
	color: #FFFFFF;
		text-decoration:underline;
}

/***************************************************
** CSS for the lightbox trick                     **
***************************************************/
	#overlay img{ border: none; }
	#overlay{
		width:				100%;
		position:			absolute;
		left:				0px;
		top:				0px;
		z-index:			90;
		display:			none;
		background-image:	url(images/overlay.png);
	}
	
	div.popup_inactive{
			width:		0px;
			height:		0px;
			display:	none;
			position:	absolute;
			right:		1px;
			bottom:		1px;
			z-index:	-1;
			overflow:	hidden;		
	}

	div.page_height_force_active{
		position: absolute;
		
	}
	
	div.page_height_force{
		position: absolute;
		height:	
		
	}
	
	div.popup_active{
			width:		500px;
			position:	fixed;
			z-index:	100;
			padding:	5px;
			top:		50px;
			background-color:	#FFFFFF;
			border-top:		3px solid #e0e0e0;	
			border-right:	3px solid #909090;
			border-left:	3px solid #e0e0e0;	
			border-bottom:	3px solid #909090;
			overflow:		hidden;		
	}
	
		div.popup_content{
			width:		100%;
			height:		90%;
			float:		left;
			margin:		0px;
		}
		
		div.popup_menu{
			width:		100%;
			height:		90%;
			float:		left;
			margin:		0px;
		}
		
			div.popup_menu_divider_left{
				width:			50%;
				height:			100%;
				text-align:		left;
				float:			left;
			}

			div.popup_menu_divider_right{
				width:			50%;
				height:			100%;
				text-align:		right;
				float:			right;
			}

/***************************************************
** CSS for the new home page.                     **
***************************************************/
	div.root_container{
		width:		900px;
		text-align:	center;
		margin-right:		auto;
		margin-left:		auto;
	}
	
		div.force_locus{
			height:		1px;
			width:		1px;
			margin:		0px;
			padding:	0px;
			overflow:	hidden;
			float:		right;
		}
		
		div.header{
			height:		70px;
			width:		100%;
		}
			div.header_division_left{
				height:		100%;
				width:		30%;
				text-align:	left;
				float:		left;
			}
		
			div.header_division_center{
				height:		100%;
				text-align:	left;
				float:		left;
			}
		
			div.header_division_right{
				height:			100%;
				padding-right:	10px;
				font-family:	Tahoma, Arial, Helvetica, sans-serif;
				font-size:		15px;
				text-align:		right;
				float:			right;
			}
		
		div.acreditations{
			height:			30px;
			padding-top:	10px;
			float:			left;
			width:			100%;
			text-align:		center;
		}

		div.misc_links{
			height:			90px;
			width:			100%;
			text-align:		left;
			padding-bottom:	10px;
		}
			div.misc_links_division{
				height:		100%;
				width:		23%;
				padding-left:	10%;
				float:		left;
			}
		
			div.misc_links_border{
				height:			100%;
				width:			1px;
				float:			left;
				border-left:	1px solid #000000;
			}
		
	
		div.text_body{
			width:		100%;
		}

		div.action_box{
			width:				100%;
			border:				1px solid #ffffff;
		}
			div.nav_bar{
				width:			100%;
				height:			26px;
			}
				div.nav_element_right_spacer{
					height:				23px;
					width:				10px;
					padding:			0px;
					text-align:			center;
					float:				right;
				}


			div.action_body{
				width:				890px;
				height:				298px;
				float:				left;
				background-image:	url(images/action_box_bg.png);
			}
				div.action_body_left{
					height:				298px;
					width:				5px;
					float:				left;
					background-image:	url(images/action_box_bg_left.png);
					background-repeat:	no-repeat;
				}
				div.action_body_right{
					height:				298px;
					width:				5px;
					float:				left;
					background-image:	url(images/action_box_bg_right.png);
					background-repeat:	no-repeat;
				}
				
				span.action_background0{
					text-align:			left;
					float:				left;
					background-image:	url(images/quote_backgnd.png);
					width:				550px;
					height:				276px;
					margin-top:			10px;
					margin-left:		10px;
				}
				span.action_background1{
					text-align:			left;
					float:				left;
					background-image:	url(images/quote_backgnd1.png);
					width:				550px;
					height:				276px;
					margin-top:			10px;
					margin-left:		10px;
				}
			
		div.submenu_division{
			width:		541px;
			height:		122px;
			text-align:	left;
			float:		left;
			padding:	0px;
			margin-bottom:	15px;
			background-image: url(images/micro_menu_bkgnd.png);
		}
			div.submenu_column{
				width:		33%;
				margin-right:	-1px;
				float:		left;
			}
				div.submenu_col_header{
					width:			84%;
					padding-left:	16%;
					padding-top:	14px;
					margin-bottom:	2px;
					color:		#ffffff;
					font-family:	Tahoma, Arial, Helvetica, sans-serif;
					font-size:		16px;
					font-weight:	bold;
				}
				div.submenu_column_item{
					width:			90%;
					padding-left:	18%;
					padding-top:	3px;
					font-size:		11px;
					color:		#202020;
				}
			div.submenu_col_divider{
				width:			1px;
				height:			75%;
				margin-top:		3%;
				margin-bottom:	3%;
				float:			left;
				border-left:	1px solid #ffffff;
			}
		
		div.nav_link_area{
			width:		351px;
			height:		114px;
			text-align:	left;
			float:		right;
			padding-top:	8px;
			margin-bottom:	15px;
			background-image: url(images/login_menu_bkgnd.png);
		}
		
		div.column_content{
			width:		280px;
			height:		300px;
			text-align:	left;
			float:		left;
			padding:	0px;
		}
			div.column_content_header{
				width:		270px;
				height:		28px;
				text-align:	left;
				color:		#ffffff;
				font-family:	Tahoma, Arial, Helvetica, sans-serif;
				font-size:		18px;
				font-weight:	bold;
				vertical-align:	middle;
				padding-left:	10px;
				padding-top:	7px;
				background-image: url(images/column_content_header_bkgnd.png);
			}

			div.column_content_body{
				width:		264px;
				text-align:	left;
				color:		#606060;
				font-family:	Tahoma, Arial, Helvetica, sans-serif;
				font-size:		12px;
				padding-left:	5px;
				padding-right:	1px;
				padding-top:	8px;
			}

		div.column_content_manu{
			width:		900px;
			text-align:	left;
			float:		left;
			padding:	0px;
		}
			div.column_content_header_manu{
				width:		890px;
				height:		28px;
				text-align:	left;
				color:		#ffffff;
				font-family:	Tahoma, Arial, Helvetica, sans-serif;
				font-size:		18px;
				font-weight:	bold;
				vertical-align:	middle;
				padding-left:	10px;
				padding-top:	7px;
				background-image: url(images/column_content_header_bkgnd0.png);
			}

			div.column_content_body_manu{
				width:		884px;
				text-align:	left;
				color:		#606060;
				font-family:	Tahoma, Arial, Helvetica, sans-serif;
				font-size:		12px;
				padding-left:	5px;
				padding-right:	1px;
				padding-top:	8px;
			}

		div.column_content_divider{
			width:		2px;
			height:		300px;
			float:		left;
			margin-left:	14px;
			margin-right:	14px;
			padding:	0px;
		}
		

		div.footer{
			width:		900px;
			height:		71px;
			margin-top:	20px;
			background-image: url(images/footer-bg-alpha.png);
			text-align:	center;
			float:		left;
		}
			div.footer_left{
				height:				66px;
				float:				left;
				background-image:	url(images/footer_left_bg.png);
				background-repeat:	no-repeat;
				text-align:			left;
				padding-left:		8px;
				padding-top:		5px;
			}
			div.footer_right{
				height:				66px;
				float:				right;
				background-image:	url(images/footer_right_bg.png);
				background-repeat:	no-repeat;
				text-align:			right;
				padding-right:		8px;
				padding-top:		5px;
			}
.f_space_new_index{
	border:				1px #BFBFBF solid;
	font:				normal 14px Tahoma,arial;
	width:				110px;
	height:				20px;
	margin-right:		5px;
	background-image:	url('images/username_bg_img.png');
	background-repeat:	no-repeat;
}

.password_new_index{
	border:				1px #BFBFBF solid;
	font:				normal 14px Tahoma,arial;
	width:				110px;
	height:				20px;
	margin-right:		5px;
	background-image:	url('images/passwd_bg_img.png');
	background-repeat:	no-repeat;
}

div.about_submenu_inactive{
	border-bottom:		1px #BFBFBF solid;
	border-left:		1px #BFBFBF solid;
	border-right:		1px #BFBFBF solid;
	width:		137px;
	height:		147px;
	display:	none;
	position:	relative;
	z-index:	-1;
	overflow:	hidden;		
}

div.about_submenu_active{
	border-bottom:		1px #BFBFBF solid;
	border-left:		1px #BFBFBF solid;
	border-right:		1px #BFBFBF solid;
	width:		137px;
	height:		147px;
	position:	absolute;
	z-index:	90;
	overflow:	hidden;		
}

div.form_submission_button{
	width:				86px;
	height:				25px;
	padding-top:		6px;
	color:				#ffffff;
	font:				normal 14px Tahoma,arial;
	text-align:			center;
	vertical-align:		middle;
	border:				0px;
	cursor:				pointer;
	background-image:	url('images/new_login_button.png');
}


div.registration_form_container_vis{
	display:	inherit;
	border:		0px;
	padding:	0px;
	margin:		0px;
}

div.registration_form_container_invis{
	display:	none;
	border:		0px;
	padding:	0px;
	margin:		0px;
}


/***************************************************
** CSS for the new home page menu                 **
***************************************************/
		ul#menu {
			margin:		0px;
			padding:	0px;
		}
		ul#menu li {
			display: inline;
			margin: 0px;
			position: relative;
			height:				23px;
			width:				70px;
			padding-left:		8px;
			padding-right:		8px;
			padding-top:		3px;
			color:				#30618c;
			background-image:	url(images/store_button_inactive.png);
			background-repeat:	no-repeat;
			text-align:			center;
			float:				right;
		}
		ul#menu h2,ul#menu h3{
			font-weight: bold;
			display: inline;
		}
		li#subMenu h2{
			font-weight: bold;
			margin-left:	2px;
			font-size:		12px;
			display: inline;
		}
		ul#menu li:hover{
			color: #FFF;
			text-decoration: none;
			padding: 0px;

			height:				23px;
			width:				70px;
			padding-left:		8px;
			padding-right:		8px;
			padding-top:		3px;
			color:				#30618c;
			background-image:	url(images/store_button_active.png);
			background-repeat:	no-repeat;
			text-align:			center;
			float:				right;
		}

		ul#menu div {
			display: none;
		}
		ul#menu li.subMenu div {
			border-left:	1px solid #000;
			border-right:	1px solid #000;
			border-bottom:	1px solid #000;
			font-size:		12px;
			position:		absolute;
			padding-top:	5px;
			top:			26px;
			left:			-51px;
			width:			135px;
			background:		#fff;
			background-image:	url(images/store_button_menu_border.png);
			background-repeat:	no-repeat;
			color:			#000;
		}
		ul#menu li.hovered div {
			display: block;
		}
		ul#menu div p {
			margin:		0 0 5px 0;
			padding:	0 5px;
			text-align:	left;
		}

/***************************************************
** CSS for the new home page menu                 **
***************************************************/
		ul#menuold {
			margin:		0px;
			padding:	0px;
		}
		ul#menuold li {
			display: inline;
			margin: 0px;
			position: relative;
			height:				24px;
			width:				132px;
			padding-left:		8px;
			padding-right:		8px;
			padding-top:		6px;
			color:				#30618c;
			background-image:	url(images/top_navigation_empty.png);
			background-repeat:	no-repeat;
			cursor:				pointer;
			text-align:			center;
			float:				right;
		}
		ul#menuold h2,ul#menuold h3{
			font-weight: bold;
			font-size:		11px;
			display: inline;
		}
		li#subMenuold h2{
			font-weight: bold;
			margin-left:	2px;
			font-size:		11px;
			display: inline;
		}
		ul#menuold li:hover{
			color: #FFF;
			text-decoration: none;
			padding: 0px;
			height:				24px;
			width:				132px;
			padding-left:		8px;
			padding-right:		8px;
			padding-top:		6px;
			color:				#30618c;
			background-image:	url(images/top_navigation_roll_empty.png);
			background-repeat:	no-repeat;
			cursor:				pointer;
			text-align:			center;
			float:				right;
		}

		ul#menuold div {
			display: none;
		}
		ul#menuold li.subMenuold div {
			font-size:			10px;
			position:			absolute;
			padding-top:		5px;
			top:				20px;
			left:				4px;
			width:				144px;
			background-image:	url('images/top_navigation_roll_13.png');
			background-repeat:	y-repeat;
			color:				#000;
		}
		span.bottomnavold{
			background-image:url('images/top_navigation_roll_19.png');
			background-repeat:no-repeat;
			width:144px;
			height:16px;
		}


		ul#menuold li.hovered div {
			display: block;
		}
		ul#menuold div p {
			margin:		0 0 5px 0;
			padding:	0 5px;
			text-align:	left;
		}