/*************************************************************************
/*************************************************************************
****																															********
****		FILENAME:       style.css																	********
****		DESCRIPTION:    CSS for streamware connect								********
****		CREATION DATE:  03/22/2008																********
****		LAST MODIFIED:  03/22/2008																********
****																															********
/*************************************************************************
/*************************************************************************/

/* -------------- GLOBAL --------------- */

body { font:13px Arial, Verdana, sans-serif; color:#6d6d6f; margin:0; padding:0; }
img { border:0px;}
img.l { float:left; padding:0px 15px 15px 0px; }
img.r { float:right; padding-left:15px; }

#wrapper { position:relative; z-index:2; top:0px; left:0px; width:792px; margin:auto; padding:0px;  } /* border:1px solid #ccc;  */

a { color:#ee2d36; text-decoration:none; } /* b7c144 */
a:hover { color:#7f8a00; text-decoration:underline; }

/* -------------- TEXT --------------- */

h1 { font-size:36px; font-weight:normal; color:#cf0036; margin:0px; padding:0px; line-height:normal; }
h1.small { font-size:30px; }
h1.smaller { font-size:20px; }
h2 { font-size:12px; color:#2c2272; text-transform:uppercase; margin:0px; padding:6px 10px; letter-spacing:.1em; background: url(../images/cs_colhead.gif) repeat-y; }
h2.t { margin-top:35px; }
h2 a { color:#2c2272; }
h3 { font-size:14px; color:#2c2272; text-transform:uppercase; margin-top:15px; padding:20px 0px 0px 0px; border-top:1px dotted #f00; }
h3.nb { border:none; margin:0px; padding:0px 0px 5px 0px; }
h4 { font-size:10px; color:#666; text-transform:uppercase; margin:0px; padding:0px; }
h5 { font-size:12px; color:#c00; text-transform:uppercase; margin:0px; padding:0px; }

.t14 { font-size:14px; color:#999; }
.t12 { font-size:12px; }
.t10 { font-size:10px; }
.red { color:#cc3433; }

/* -------------- LOGO --------------- */

#logo_h { padding:15px 0px 30px 0px; }  /*   73px 0px 25px 35px   */
#logo { padding:35px 0px 25px 0px; }    /*   35px 0px 25px 35px;  */

/* -------------- LOGIN --------------- */

#loginbox_h { float:right; width:270px; color:#999; font-size:10px; }
#loginbox_h div { padding:7px 9px 0px 0px; margin:0px; } 
#loginbox_h form { display:inline; }
#loginbox_h form input { width:100px; height:11px; border:1px solid #ccc; font-size:9px; }
#loginbox_h form input.b { width:24px; height:14px; border:none; }

#loginbox { float:right; margin:50px 0px 0px 0px; text-align:right; width:270px; color:#999; font-size:10px; }   /*   margin:50px 45px 0px 0px;  */
#loginbox form input.s { background-color:#f3f3f4; height:11px; width:145px; border:1px solid #ccc; font-size:9px; }
#loginbox form img { padding-top:3px; }

/* -------------- MENU --------------- */

#menu { clear:both; height:33px; margin:0px; padding:0px; background-color:#000; }
#menu ul { margin:0px; padding:0px; list-style:none;  }
#menu li { float:left; display:inline-block; height:30px; list-style:none; }
#menu li a { display:block; height:25px; padding-top:8px; border-right:1px solid #666; font:14px Verdana, Helvetica, sans-serif; text-align:center; color:#c8c7c7; }
#menu li a:hover { color:#bad648; background-color:#222; }
#menu li a.c { color:#c7ab17; }

#menu #abo a { width:62px; }
#menu #why a { width:125px; }
#menu #imp a { width:125px; }
#menu #pro a { width:76px; }
#menu #sup a { width:70px; }
#menu #par a { width:76px; }
#menu #con a { width:66px; }

#menu #search { width:160px; text-align:right; }
#menu #search form { display:inline; }
#menu #search form input { background-color:#000; margin-top:10px; padding:0px 0px 3px 5px; width:100px; height:11px; border:1px solid #fff; font-size:9px; color:#fff; }
#menu #search form input.b { width:24px; height:14px; margin-top:10px; border:none; background:url(../images/cs_go.gif) no-repeat; }


/* -------------- LEFT COLUMN --------------- */

#leftColumn { float:left; display:inline-block; width:195px; margin-top:40px; }

.left_menu { padding:0px; font-size:14px; }
.left_menu ul { margin:0px; padding:0px; }
.left_menu li { display:inline-block; margin:0px; padding:0px; list-style:none; width:100%; }	
.left_menu ul a { display:block; background-color:#e8ecd5; color:#999; margin:0px; padding:8px 0px 8px 10px; text-decoration:none; border-bottom:1px solid #999; }  /*  e7e7e8  */
.left_menu ul a.b { border-bottom:none; }
.left_menu ul a:hover { background-color:#f4f6ea; } 
.left_menu ul li.c a { color:#000;}

.testimonial { background-color:#e8ecd5; padding:15px; font-size:14px; line-height:30px; color:#999; font-weight:bold; }
.testimonial span { font-weight:normal; position:relative; top:5px; }

.contact { background-color:#e8ecd5; padding:15px; line-height:30px; color:#999; }
.contact2 { background-color:#e8ecd5; padding:15px; line-height:18px; color:#999; }

#press a { color:#6d6d6f; font-weight:bold; }
#press a:hover { color:#6666ff; }
#press h5 { font-size:14px; text-transform:uppercase; margin:25px 0px 10px 0px; padding:5px 0px 0px 0px; }
#press div { margin:10px 0px 10px 15px; padding:10px 0px; border-bottom:1px dotted #999; }

#press div a.n { color:#6666ff; font-weight:normal; }
#press div a.n:hover { color:#660099; }


/* -------------- RIGHT COLUMN --------------- */

#rightColumn { float:right; display:block; width:500px; padding:30px 0px 20px 20px; line-height:18px; }
#g_box { background-color:#f3f3f4; padding:15px; line-height:30px; color:#999; border-top:1px dotted #c00; }
.totop { text-align:right; font-size:10px; }
.div { font-size:1px; border-bottom:1px dashed #999; }
.dotted { border-top:1px dotted #f00; margin-top:15px; }
.quote { padding:0px 15px 5px 15px; margin-top:12px; line-height:20px; color:#999; }
a.num { font:bold 16px Georgia, "Times New Roman", Times, serif; }

/* -------------- NO COLUMN --------------- */

#noColumn { width:770px; padding:30px 0px 20px 20px; line-height:18px; }

/* -------------- TABLES --------------- */

table { border-collapse:collapse; }
td { vertical-align:top; }

table#home { margin-top:10px; }
table#home td { font-size:11px; }

td.hh { background:url(../images/cs_colcap.gif) repeat-x #d4e7b4; padding-top:4px; height:20px; font-size:10px; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase; }
td.hd { background-color:#e8ecd5; padding:15px; line-height:16px; }
td.hd_qm { background-color:#e8ecd5; font-size:12px; padding-top:15px; }
td.hd_qm ul { margin:0px; padding:0px; }
td.hd_qm li { display:inline-block; margin:0px; padding:0px; list-style:none; width:100%; }	
td.hd_qm ul a { display:block; background-color:#e8ecd5; color:#f00; margin:0px; padding:4px 0px 4px 10px; text-decoration:none; border-bottom:1px solid #999; }  /*  e7e7e8  */
td.hd_qm ul a.b { border-bottom:none; }
td.hd_qm ul a:hover { background-color:#f4f6ea; color:#666; } 

td.h { background: url(../images/cs_colhead.gif) repeat-y; width:194px; padding:10px 0px 10px 15px; font-size:14px; font-weight:bold; color:#2c2272; text-transform:uppercase; }
td.hd p { margin:10px 0px; padding:0px;}
td.hd ul { margin:0px; padding:5px 0px 0px 10px;}
td.hd li { margin:0px; padding:3px 0px; line-height:14px; }	

table#vmax { margin-top:10px; background-color:#f3f3f5; border-top:1px dotted #f00; border-bottom:1px dotted #f00; }
table#vmax td { font-size:13px; font-weight:bold; color:#cf0036; vertical-align:middle; padding:5px 15px; }
table#vmax td.br { border-right:1px solid #2c2272; border-bottom:1px solid #2c2272; text-align:right; font-size:14px; color:#2c2272; text-transform:uppercase; }
table#vmax td.b { border-bottom:1px solid #2c2272; }
table#vmax td.r { border-right:1px solid #2c2272; text-align:right; font-size:14px; color:#2c2272; text-transform:uppercase; }
table#vmax td.spc { font-size:2px; height:5px; }

.dwnld { float:right; width:240px; font-size:12px; text-align:right; font-weight:bold; }
.dwnld img { vertical-align:middle; }

.click { float:right; text-align:center; font-size:10px; color:#f00; padding:0; margin:0; line-height:normal; position:relative; top:-25px; }

/* -------------- PRODUCT POPUPS --------------- */

.product { padding-bottom:50px; width:250px; cursor:pointer; }
.subnav { position:absolute; left:570px; top:300px; z-index:3; width:200px; margin:0px; padding:15px 25px; background-color:#fff; border:3px double #666; visibility:hidden; }

/* -------------- LISTs --------------- */

ul { margin:0px 0px 0px 10px; padding:5px 0px 0px 15px;}
li { margin:0px; padding:0px; }	

ul.nbull { padding:0px; margin:0px; list-style:none; }
ul.nbull li { list-style:none; }

ul.rd { padding:0px 0px 0px 20px;}
ul.rd li { list-style-image:url(../images/connect_reddot.gif); padding:0px 0px 10px 0px; }	

ol { margin:10px 0px; padding:0px 0px 0px 15px; }
ol li { padding-bottom:10px; }	
ol ul { padding:5px 0px 0px 30px; }	
ol ul li { padding-bottom:0px; }

ol li.n1 { list-style-image:url(../images/1.gif); padding-left:5px; }
ol li.n2 { list-style-image:url(../images/2.gif); padding-left:5px; }
ol li.n3 { list-style-image:url(../images/3.gif); padding-left:5px; }
ol li.n4 { list-style-image:url(../images/4.gif); padding-left:5px; }
ol li.n5 { list-style-image:url(../images/5.gif); padding-left:5px; }

/* -------------- FORMs --------------- */

#roibox { width:325px; background-color:#fafafa; text-align:right; margin:15px 0px; padding:15px; border-top:1px solid #dfdede;	border-bottom:1px solid #dfdede; }
#roibox form { margin:0px; padding:0px; }
#roibox input { font-size:11px; vertical-align:text-bottom; margin:5px 0px 0px 0px; }
#roibox form input.sub { background:none; border:none; font-weight:bold; text-align:right; }
#roibox form input.total { background:none; border:none; font:18px Georgia, "Times New Roman", Times, serif; color:#C00; text-align:right; }

#contactbox {background-color:#fafafa; text-align:right; font:bold 10px Arial, Helvetica, sans-serif; margin:15px 0px; padding:15px; border-top:1px solid #dfdede;	border-bottom:1px solid #dfdede; font-size:10px; width:365px; }
#contactbox form { margin:0px; padding:0px; }
.formfield { font-size:11px; font-weight:normal; vertical-align:text-bottom; width:270px; margin:5px 10px 0px 0px; }
.formfield2 { font-size:11px; font-weight:normal; vertical-align:text-bottom;  width:61px; margin:5px 10px 0px 0px; }
.textfield { font-size:11px; font-weight:normal; margin:5px 0px 30px 0px; width:350px;}
.required { color:#d4402b; font-weight:bold;}
.required2 { text-align:right; font-weight:normal; }
#comments { text-align:left; padding:10px 0px 0px 15px; margin-top:20px; border-top:1px solid #dfdede; }

/* -------------- FOOOTER --------------- */

#footer { position:relative; z-index:2; top:0px; left:0px; width:792px; margin:auto; padding:20px 0px; margin-top:15px; border-top:1px dotted #f00; text-align:center; font-size:10px; color:#999;  } 

/* -------------- jQuery LIGHTBOX --------------- */

a.lightbox { text-decoration:none; font-size:10px; }
#jquery-overlay {	position:absolute; top:0; left:0;	z-index:90;	width:100%;	height:500px; }
#jquery-lightbox {	position:absolute; top:0; left:0;	width:100%;	z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box {	position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading {	position:absolute;	top:40%;	left:0%;	height:25%;	width:100%;	text-align:center;	line-height:0; }
#lightbox-nav {	position:absolute;	top:0;	left:0;	height:100%;	width:100%;	z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block;}
#lightbox-nav-btnPrev {	left:0;	float:left; position:relative; left:-40px;}
#lightbox-nav-btnNext {	right:0;	float:right; position:relative; right:-40px;}
#lightbox-container-image-data-box {	font:10px Verdana, Helvetica, sans-serif;	background-color:#fff;	margin:0 auto;	line-height:1.4em;	overflow:auto;	width:100%;	padding:0 10px 0; }
#lightbox-container-image-data {	padding:0 10px;	color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%;	float:left;	text-align:left; }	
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber {	display:block; clear:left;	padding-bottom:1.0em; }			
#lightbox-secNav-btnClose {	position:absolute; top:-35px; left:-35px;	width:66px;	}  /* width:66px;	float:right; padding-bottom:0.7em;  */