@charset "utf-8";
/* CSS Document */
body{
		

		background:#fff;
		line-height:20px;
		font-family:Segoe UI, Trebuchet MS, Helvetica, sans-serif;
		font-size:10px;
		word-wrap: break-word; 
		padding:0;
		margin:0;

	}
a{
	color:#6BBE4F;
	text-decoration:none;
	font-weight:normal;
}
a:hover{
	color:#000;      /*0066cc*/
}
#container{
		width:900px;
		margin:auto;
		border:0px solid #333;
		}
#logo{
		margin: 0px;
  		padding: 0px;
		width:900px;
		height:168px;
		background:url(../images/bg_header.gif) right top no-repeat;
}
#logo h1{
  		margin: 0px;
  		padding: 0px;
		}		
		
#logo h1 a {
	padding-top: 197px;
	height: 0px;
	width: 600px;
	background: url('../images/osnap-logo.gif') no-repeat;
	float: left;
	overflow: hidden;
	border:0px none;
	text-decoration:none;
	font-size:0px;
	position:absolute;
	top:0;
		}

#navbar{
		/*background:#535353;*/
		height:20px;    /*25px*/
		border-top:1px #3D3D3D solid;
		border-bottom:1px #3D3D3D solid;
		}

#navbar a{
		color:#3D3D3D;
		font-size:12px;
		text-decoration:none;
		width:100px;
		float:left;
		display:inline;
		text-align:center;
		height:23px;
		top:0px;
		padding-top:0px;
		position:relative;
		z-index:1;
		}
#navbar a:hover{
	/*background:#3d3d3d;*/ /*0066cc*/
	   color:#6BBE4F;
}
#navbar a.selected{
		color:#6BBE4F;
		font-size:12px;
		text-decoration:none;
		width:100px;
		float:left;
		display:inline;
		text-align:center;
		height:23px;  /*23px*/
		top:0px;
		padding-top:0px;  /*2px*/ 
		position:relative;
		z-index:1;
}
#navbar a.rightLink{
		color:#3D3D3D;
		text-decoration:none;
		float:right;
		width:80px;
		/*border-left:1px solid #fff;*/
		border-right:0px;
		}
#navbar a.rightLink:hover{
		color:#6BBE4F;
}
#navbar a.rightLinkSel{
		color:#fff;
		text-decoration:none;
		float:right;
		width:80px;
		/*border-left:1px solid #fff;*/
		border-right:0px;
		background:#3d3d3d;    /*0066cc*/
		
		}

.brClear{
		clear:both;
		height:1px;
		margin:0;
		padding:0;
		}
#Contents{
	position:relative;
	z-index:2;
	padding-top: 200px;
}
#leftContents{
		width:440px;
		float:left;
		padding:5px;
		margin-top:3px;
		z-index:2;
		position:relative;
		}
		
#rightContents{
		width:410px;
		text-align:right;
		padding:5px;
		margin-left:470px;
		margin-top:3px;
		position:relative;
		z-index:2;
		}
#contents{
		padding:5px;
		margin-top:3px;
		position:relative;
		z-index:2;
		width:95%;
		}
h3{
		font-size:20px;
		font-weight:normal;
		margin-bottom:8px;
		margin-top:10px;

}
h5{
		font-family:Segoe UI, Trebuchet MS, Helvetica, sans-serif;
		font-size:12px;
		margin:0;
		font-weight:normal;
}

#footer{
		background:url(../images/footer-bg.gif) right no-repeat;
		width:900px;
		height:102px;
		position:relative;
		top:-40px;
		z-index:0;
		clear:both;
		
	}
#footerNav{
		width:400px;
		float:left;
		font-size:9px;
		margin-top:48px;
		color:#535353;
}
#footerNav a{
		margin-right:8px;
		color:#3D3D3D;
		
}
#footerNav a:hover{
		color:#3d3d3d;   /*0066cc*/
}
a.sel{
	color:#3d3d3d;    /*0066cc*/
}

#footer #version{
		width:150px;
		float:right;
		text-align:right;
		font-size:10px;
		padding-right:50px;
		margin-top:48px;
}
#footer #poweredby{
		clear:both;
		color:#979797;
}
.tblLinks {
		float:right;
}
.tblLinks td{
	padding:3px;
	border-top:1px solid #535353;
	border-bottom:1px solid #535353;
	padding-right:0px;
}
.tblLinks select{
	width:110px;	
	padding:0px;
}
.rClear{
	clear:right;
}
.resultGroup{
	margin-top:15px;
	
}
.resultGroup p{
	margin:0px;
	margin-bottom:3px;
}
.btnviewart{
	background:url(../images/lense.gif) no-repeat top right;
	padding-right:24px;
	padding-bottom:4px;
}
.btnviewart:hover{
	background:url(../images/lense2.gif) no-repeat top right;
}
.btnPortfolio{
	background:url(../images/contact-icon.gif) left no-repeat;
	height:20px;
	padding-left:35px;
	margin-right:30px;
}
.btnPortfolio:hover{
	background:url(../images/contact-icon2.gif) left no-repeat;
}
.btnInfo{
	background:url(../images/info-icon.gif) left no-repeat;
	padding:6px;
	padding-left:25px;
	margin-right:30px;

}
.btnInfo:hover{
	background:url(../images/info-icon2.gif) left no-repeat;
}
.btnPhone{
	background:url(../images/phone-icon.gif) left no-repeat;
	padding:6px;
	padding-left:35px;

}
.btnPhone:hover{
	background:url(../images/phone-icon2.gif) left no-repeat;
}
.nav2{
	margin-top:20px;
	font-weight:bold;
	padding-left:100px;
	display:block;
	margin-bottom:20px;
}
.btnPrevious{
	background:url(../images/btn-previous.gif) left no-repeat;
	padding-left:29px;
	margin-right:10px;
}
.btnPrevious:hover{
	background:url(../images/btn-previous2.gif) left no-repeat;
}

.btnNext{
	background:url(../images/btn-next.gif) left no-repeat;
	padding-left:29px;
	margin-left:10px;
}
.btnNext:hover{
	background:url(../images/btn-next2.gif) left no-repeat;
}
.btnCart{
	/*background:url(../images/ico_add_basket.gif) left no-repeat;*/
	/*padding-left:47px;*/
	/*padding-bottom:30px;*/
}
.btnCart:hover{
	/*background:url(../images/ico_add_basket.gif) left no-repeat;*/
}
.notxtimg{
	display:none;
}
h5.leftalign{
	float:left;
	width:100px;
	margin:0;
	font-size:13px;
	font-weight:bold;
	padding-top:4px;
}
h4{
	font-size:13px;
	margin:0;
	font-weight:bold;
	margin-top:4px;
}
.largePic{
	float:left;
	width:260px;
}
.largePicDetails{
	margin-left:270px;
	display:block;
	padding-top:80px;
}
.portfolioImg{
	float:left;
	width:440px;
	margin-bottom:10px;
}
.portfolioDetails{
	text-align:left;
	display:block;
	padding-top:40px;
	float:left;
}
#rightHeading{
	width:240px;
	float:left;	
}
#portfolio{
	margin-left:250px;
	text-align:right;
}
#portfolio p{
	margin:0;
}
#portfolio img{
	border:0px;
	margin:1px;
}
#portfolio .navigation{
	margin-top:20px;
	font-weight:bold;
	display:block;
	margin-bottom:20px;
	text-align:center;
	padding-left:15px;
}
.tblInvoice{
	width:100%;
	margin-top:10px;
	text-align:left;
	margin-bottom:40px;
}
.tblInvoice .bdr{
	border:1px solid #3d3d3d;
	padding:5px;
	color:#535353;
	border-right:0px;
}
.tblInvoice .bdrl{
	border:1px solid #3d3d3d;
	padding:5px;
	color:#535353;
}
.tblInvoice th{
	padding:5px;
}
.tblInvoice .tda{
	padding:5px;
}
.tblInvoice .seprator{
	font-size:2px;
	height:10px;
}
.add{
	color:#0066CC;
}
.add:hover{
	color:#89A72E;
}
.remove{
	color:#0066cc;
}
.remove:hover{
	color:#C00C0C;
}
.delete{
	color:#535353;
}
.delete:hover{
color:#C00C0C;
}
.txtField{
	background:#535353;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:4px;
	border:0px;
}
.login td{
	padding:5px;
}
.login .label{
	font-size:12px;
	padding-left:10px;

}
.nobdr{
	border:0px;
}
.hr{
	height:2px;
	background:#535353;
	margin:5px;
	margin-left:0;
	margin-right:0;
}
.error{
	color:#FF0000;
	border-bottom:2px solid #535353;
	margin-bottom:50px;
	padding-bottom:10px;
}
.error p{
	margin:0;
}
.error big{
	font-size:12px;
	margin:0;
}
#popupBody{
	margin:0;
	color:#535353;
	background:#fff;
	line-height:18px;
	font-family:Segoe UI, Trebuchet MS, Helvetica, sans-serif;
	font-size:10px;
	word-wrap: break-word;
}
#plogo h1{
  		margin: 0px;
  		padding: 0px;
		}
#plogo h1 a {
	padding-top: 127px;
	height: 0px;
	width: 183px;
	background: url('../images/osnap-logo.gif') no-repeat left -30px;
	float: left;
	overflow: hidden;
	border:0px none;
	text-decoration:none;
	font-size:0px;
	position:absolute;
	top:0;
		}
#pcontainer{
	width:600px;
	height:400px;
	margin:auto;
	position:relative;
}
#pnavbar{
	position:absolute;
	right:10px;
	top:20px;
	width:200px;
	padding:5px;
	text-align:right;
}
#pnavbar a{
	color:#535353;
	font-size:10px;
	text-decoration:none;
}
#pnavbar a:hover{
	color:#333;
}
.pcontents{
	padding:15px;
	margin:auto;
	position:relative;
}
#pheader{
	height:100px;
}
.pbtnClose{
	height:34px;
	overflow:hidden;
	display:block;
	position:absolute;
	bottom:0px;
	right:30px;
}
.pbtnClose:hover img{
	margin-top:-33px;
}
a img{
	border:0;
}	
/* ------------------------- */
.popup #container2{
	border:0px solid #FFFFFF;
	margin-top:0;
	margin:auto;
	padding:5px;
	width:320px;
}
.popup .button-normal3{
	float:right;
	margin-right:70px;
}
.noMargin{
	margin:0;
}
.button-normal3{
  cursor:pointer;
  height:55px;     
  overflow:hidden; 
  width:118px;
  display:inline-block;
}
.button-normal3:hover input{
  margin-top:-55px;
}
.txtFielda{
	width:230px;
	background:#535353;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:2px;
	border:0px;
}
.txtAreaA{
	width:230px;
	background:#535353;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:2px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	
}
.button-normal2{
  cursor:pointer;
  height:34px;     
  overflow:hidden; 
  width:90px;
  display:inline-block;
}
.button-normal2:hover input{
  margin-top:-34px;
}
.button-normal2:hover img{
  margin-top:-34px;
}

.btnSignUp{
	background:url(../images/button_sign_up.gif) left no-repeat;
	padding:6px;
	padding-left:35px;

}