/*
*******************************************************************************
********************************************************************************
	Laser Needle
	CSS 		: Ghulam Abbas
	Date		: 29-April-2009
********************************************************************************
*/

* { /* fixes differnt default margins in the browsers */
	padding: 0;
	margin: 0;
	border: 0;
}
html, body { /* activates vertical scrolling especially on FF */
	min-height: 100%;
	padding-bottom: 1px;
}
body,
input,
textarea { /* since we mostly use only one font per project just define it global
              some browsers need input and textarea to be defined extra!
              as if it would not be covered by body {} */
	font-family:Arial, Helvetica, sans-serif;
	background-color:#bbbbbb;
}

input,
textarea { /* due to useability we always need this padding and because we defined padding:0 before */
	padding-left:2px;
}

img { /* to be sure no browser displays an image border since we don't use border="0" on img */
 border:0;
}

/* the values for ul, ol are exemplary but you'll see interpretation differences
   especially on positioning the list symbol/number accross browsers */

ol {
	margin:10px 0 10px 23px;
	list-style-position:outside;
}
html>/**/body ol {
	margin:10px 0 10px 20px;
}
ol li {
	list-style-type:decimal;
	background-image:none;
	color:#000;
	font-size:12px;
}


h1  { color: #006; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px }

h2  { color: #006; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px }

h3  { color: #006; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px }

h4  { color: #006; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px }

h5  { color: #006; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px }

h6  { color: #006; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px }

#main{
	width:1002px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#191919;
	overflow:auto;
}
#header{
	height:216px;
	background-color:#FFFFFF;
}
#top{
	height:17px;
	background-image:url(topbg.gif);
	background-repeat:repeat-x;
	background-position:0 12px;
}
#hleft{
	float:left;
	height:196px;
	width:782px;
}
#headbg{
	width:782px;
	height:174px;
	background-image:url(header.jpg);
}
#hright{
	width:217px;
	height:196px;
	float:right;
	background-image:url(hright.jpg);
}
#left{
	float:left;
	width:185px;
	/*height:1286px;*/
	background-color:#191919;
}
#left p { color: #ffffff; font-size: 11px; padding-top: 8px; padding-left: 11px }
#cnt  { font-size: 12px; background-color: #ffffff; padding: 33px 44px 100px; position: relative; width: 512px; float: left }
#cnt p{
	font-size:12px;
	color:#000000;
	padding-bottom:17px;
}
#cnt a:link,
#cnt a:visited,
#cnt a:hover{
	text-decoration:underline;
	color:#000000;
}
#cnt ul { color: #000; font-size: 12px; list-style: none; margin-left: 15px; padding-top: 10px; padding-right: 0; padding-bottom: 10px }
#cnt ul li { font-size: 12px; list-style-type: disc; padding: 0 0 0 5px; width: auto }
#cnt ul li a:link,
#cnt ul li a:visited{
	color:#000000;
}

#right{
	float:left;
	width:217px;
	/*height:1257px;*/
	padding-top:29px;
	background-color:#191919;
}
#right p{
	font-size:11px;
	color:#FFFFFF;
	padding-left:11px;
	padding-top:8px;
}
#ftr{
	position:absolute;
	bottom:12px;
	left:0px;
	text-align:center;
	margin:0 auto;
	float:left;
}
#ftr ul{
	list-style:none;
	padding:7px 0 0 0;
	margin-left:7px;
}
#ftr ul li{
	display:inline;
	padding:0 4px;
	font-size:9px;
	border-right:1px solid #666;
}
#ftr ul li a:link,
#ftr ul li a:visited{
	font-size:9px;
	color:#000;
	text-decoration:none;
}
#ftr ul li a:active,
#ftr ul li a:hover,
#ftr ul li a:focus,
#ftr ul li span{
	color:#bbbbbb;
	font-size:9px;
}
#ftr .last{
	border:none;
}
/*-- Form --*/

.frm { /* defining the width of .frm will adjust the labels's and input's width automatically */
	float: left;
	padding:10px 0;
	margin:10px 0;
	width:100%;
}
.colm2 div{ /* add this class alongwith .frm if you want 2 column form */
	width:50%;
	float:left;
}
.colm3 div{ /* add this class alongwith .frm if you want 3 column form */
	width:32%;
	float:left;
	margin:0 1% 0 0;
}
.frm input,
.frm textarea,
.frm select{
	border: solid 1px #ddd;
	background:url(nav-bg.gif) repeat-x 0 -2px;
	padding:2px 2px 2px 5px;
	float:left;
	margin:5px 0;
	color:#333;
	font-size:1em;
	font-family:verdana;
	width:60%;
}
.frm textarea {
	height:120px;
	background:url(bg.gif) repeat-x 0 -10px;
}
.frm label,
.frm p.radio span,
.frm p.checkbox span {
	width:30%;
	display:block;
	float:left;
	margin-top:5px;
	font-size: 1em;
	color:#000;
	padding:0 7px 0 0;
}
.frm p.err input,
.frm p.err textarea,
.frm p.err label,
.frm p.err select {
	color:#f00;
	border:1px solid #f00;
}
.frm p.err label {
	border:0;
}
.frm p {	
	clear:both;
}
.frm p.fsbmt input {
	margin:10px 0 0 160px; /* the left margin is equal to the padding-right of label */
	width:auto;
	height:auto;
	border:1px solid #ddd;
	background:#ccc;
	width:78px;
}
.frm p.captcha img{
	margin:0 0 0 7px; /* the left margin is equal to the padding-right of label */
	padding:0 0 0 30%; /* the left padding is equal to the width of input/select */
}
* html .frm p.radio label {
	width:40px;
}
html>/**/body .frm p.radio label {
	width:auto;
	margin:2px 5px 0 0;
}
*:first-child+html .frm p.radio label {
	width:auto;
	margin:6px 5px 0 0;
}
.frm p.radio input,
.frm p.checkbox input {
	width:auto;
	height:auto;
	border:none;
	background:none;
	margin: 4px 5px 0 10px;
}
.frm p input.radio{
	margin: 10px 10px 0 0;
}
.colm3 input, /* less font size for 3 column form */
.colm3 textarea,
.colm3 select,
.colm3 label,
.colm3 p.radio span,
.colm3 p.checkbox span{
	font-size:.9em;
}
/*-- Redaxo Standard --*/
div.cnt-blck { /* textile is putting it's output in such blocks */
	clear:both;
}
div.image p { /* picture description text */
	font-size:10px; /*define some small font size */ 
	float:none;
}
.fl-left { /* can be added as class on image divs for left alignment */
	float: left;
	margin: 3px 20px 0 0;
}
.fl-right { /* can be added as class on image divs for right alignment */
	float: right;
	margin: 3px 0 0 20px;
}
.fl-center{
	padding-bottom:15px;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr { /* can be added as class on image divs for centered images */
	text-align:center;
}
.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}
.hidden {
       display:none;
}
.download {/* can be added on an tag with text link */
	background:url(icon-pdf.png) left top no-repeat;  /* this is NOT optional */
	padding:0 0 4px 22px;
}

/*-- Side --*/


#side_colm{
	margin:0px 0 0; /*-- The margin top should be the sum of #hdr and #nav heights --*/
	padding:0px 0 0 0px;
	background-color:#FFFFFF;
}
#side_colm ul{
	list-style:none;
	margin-bottom:29px;
}
.inactive ul ul,
.inactive ul li.active ul ul{
	display:none;
}
.inactive ul li.active ul,
.inactive ul li.active ul li.active ul{
	display:block;
}
#side_colm li {
	background:url(bg-navi.gif) top repeat-x;
	display:block;
	font-size:10px;
}
#side_colm li.strt {
	background:url(bg-navi2.gif) top repeat-x;
}
#side_colm li a:link,
#side_colm li a:visited,
#side_colm li span{
	color:#fff;
	display:block;
	font:normal normal 14px Verdana;
	padding:5px 0 8px 39px;
	text-decoration:none;
	background:url(bullit.gif) no-repeat 24px 10px;
	height:17px;
}
#side_colm li a:active,
#side_colm li a:hover,
#side_colm li a:focus,
#side_colm li span,
#side_colm li.active a:link,
#side_colm li.active a:visited{
	background:url(bg-navi2.gif) top repeat-x;
	text-decoration:none;
	color:#bbbbbb;
}
#side_colm ul ul li a:link,
#side_colm ul ul li a:visited,
#side_colm ul ul li span,
#side_colm li.active ul li a:link,
#side_colm li.active ul li a:visited,
#side_colm li.active ul li span{
	color:#fff;
	background:#52afc8 none;
	padding:5px 10px 5px 20px;
	border-top:1px solid #69bed5;
	width:170px;
}
#side_colm li ul li a:active,
#side_colm li ul li a:hover,
#side_colm li ul li a:focus,
#side_colm li ul li span,
#side_colm li.active ul li a:active,
#side_colm li.active ul li a:hover,
#side_colm li.active ul li a:focus,
#side_colm li.active ul li span,
#side_colm li.active ul li.active a:link,
#side_colm li.active ul li.active a:visited{
	text-decoration:none;
	color:#000;
}
#side_colm li.active ul li.strt a:link,
#side_colm li.active ul li.strt a:visited,
#side_colm li.active ul li.strt span{
	border:0;
}
#side_colm ul ul ul li a:link,
#side_colm ul ul ul li a:visited,
#side_colm ul ul ul li span,
#side_colm ul li.active ul li ul li a:link,
#side_colm ul li.active ul li ul li a:visited,
#side_colm ul li.active ul li ul li span,
#side_colm li.active li.active ul li a:link,
#side_colm li.active li.active ul li a:visited,
#side_colm li.active li.active ul li span { color: #000; font-size: 11px; background: #76cce3; padding: 5px 10px 5px 25px; width: 165px; border-top: 0 none }
#side_colm ul ul ul li a:active,
#side_colm ul ul ul li a:hover,
#side_colm ul ul ul li a:focus,
#side_colm ul ul ul li span,
#side_colm ul li.active ul li ul li a:active,
#side_colm ul li.active ul li ul li a:hover,
#side_colm ul li.active ul li ul li a:focus,
#side_colm ul li.active ul li ul li span,
#side_colm li.active li.active ul li a:active,
#side_colm li.active li.active ul li a:hover,
#side_colm li.active li.active ul li a:focus,
#side_colm li.active li.active ul li span,
#side_colm li.active li.active ul li.active a:link,
#side_colm li.active li.active ul li.active a:visited{
	text-decoration:none;
	color:#fff;
}
#side_colm li.active li.active ul li.strt a:link,
#side_colm li.active li.active ul li.strt a:visited,
#side_colm li.active li.active ul li.strt span{
	border:0;
}
/*-- Top Navi --*/
#nav {
	height:22px;
	background-image:url(topnavibg.gif);
	background-repeat:repeat-x;
	list-style:none;
	padding-left:38px;
	width:744px;
}
#nav li {
	float:left;
	border-right:1px solid #fff;
	display:inline;
	height:13px;
	margin-top:3px;
}
#nav li.last {
	border:none;
}
#nav li a:link,
#nav li a:visited,
#nav li span{
	color:#fff;
	font:normal bold 12px Verdana;
	text-decoration:none;
	height:17px;
	padding:0px 3px 0 4px;
	float:left;
}
#nav li a:active,
#nav li a:hover,
#nav li a:focus,
#nav li span,
#nav li.active a:link,
#nav li.active a:visited{
	color:#bbbbbb;
}