/**** General  ***/
body
{
    font-size: 12px;
    margin: 0;
	 padding:0;
    color: black;
    font-family: Arial;
    text-align: right;
	 background: #81d3e9 url(../images/bg.jpg) repeat-x top;
}
body.iframe{
		background: #81d3e9;
}
.floatcontainer:after
{
    clear: both;
    display: block;
    font-size: 0px;
    visibility: hidden;
    height: 0px;
    content: ".";
}
.floatcontainer
{
    display: inline-block;
}
* HTML .floatcontainer
{
    height: 1%;
}
.floatcontainer
{
    display: block;
}
a
{
    color: #0061a2;
    text-decoration: underline;
}
a:hover
{
    color: #0061a2;
    text-decoration: none;
}
input
{
    color: black;
    border: #0890b7 1px solid;
	 border-left: solid 2px #3476a3;
	 background: url(../images/bg_input.jpg) repeat-x right; 
	 height:19px;
}
textarea
{
    color: black;
    border: #0890b7 1px solid;
	 border-left: solid 2px #3476a3;
	 background: url(../images/bg_textarea.jpg) repeat-x right; 
}
select
{
    border: #0890b7 1px solid;
    color: black;
}
h1
{
  font-weight: bold;
  font-size: 20px;
  margin: 0;
	color:#0061a2;
	margin-bottom:10px;
}
h2
{
  font-weight: bold;
  font-size: 20px;
  margin: 0;
	color:#0061a2;
	margin-bottom:0px;
}
h3
{
  font-size: 16px;
  margin: 0 0 3px 0;
  color:black;
  font-weight: bold;
}
h4
{
  font-size: 12px;
  margin: 0 0 3px 0;
  color:black;
  font-weight: bold;
}
p
{
	padding: 0;
	margin: 0;
}
input.btn
{
    border: #a4a4a4 1px solid;
    color: white;
    background: url(../images/bg_btn.jpg) repeat-x;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		padding: 0;
}
input.noBorder
{
    border: medium none;
}
img.pic
{
    border: #474747 1px solid;
}
.error
{
    color: #cc0000
}
.justify
{
    text-align: justify;
}
/**** Page Container ***/
#pageContainer
{
    direction: rtl;
		margin:0 auto;
		width:900px;
}
#pageContainer img
{
    border: medium none;
}
.textWrap{
	padding:10px;
}
/**** Top ***/
#top{
}
#header{
	height: 213px;
	background: url(../images/bg_header.jpg) no-repeat;
}
#headerRight{
	float: right;
	width:450px;
}
#headerLeft{
	float: left;
	width:400px;
	padding-right: 30px;
}
#headerRightText{
	float: right;
	width:120px;
	padding:10px 80px 0 0;
	color:white;
	font-size: 10px;
}
#headerRightVideo{
	float: left;
	width:250px;
}
#headerRightVideo div{
	padding:6px 17px 0 0;
}
.headerRightTitle{
	color:white;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 7px;
}
.headerLeftTitle{
	color:white;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom:solid 1px white; 
	width: 280px;
}
.headerLeftText{
	color: #307508;
	font-size: 18px;
	font-weight: bold;
	width:320px;
	height:90px;
}
.headerLeftBtn{
	padding:5px 0 0 115px;
	text-align: left;
}
.headerLeftBtn a{
	color: white;
	font-size: 16px;
	font-weight: bold;
}
/**** Logo ***/
#logo{
}
/**** Navigation line ***/
#nav{
	border: solid 1px #98999b;
	background-color: black;
	padding:5px 15px;
}
#nav a{
	color: white;
}
.nav_on{
	color:white;
	font-weight: bold;
}
.#nav a:hover{
	color:#21c7da;
}
/**** Footer ***/
#footerContainer{
	margin-top: 15px;
	height: 24px;
	border-top: solid 1px white;
	background-color:#12a9d8; 
	text-align: center;
}
#footerContainer img
{
    border: medium none;
}
#footer
{
		margin:0 auto;
	width:830px;
	color: White;
}
#footerText
{
	float: right;
	width:650px;
	padding:5px 40px 0 0;
	font-size: 10px;
	text-align: right;
}
#footerText a
{
    color: white
}
#footerText a:hover
{
    color: white;
    text-decoration: underline
}
#footerLinks{
	float: left;
	width:80px;
   text-align: left;
	margin:0 20px;
}
/**** Credit ***/
#credit
{
    clear: both;
    padding: 10px;
    margin: 0px auto;
    color: White;
    text-align: center;
}
#credit a
{
    color: White;
}
#credit a:hover
{
    color: White;
    text-decoration: underline
}
/**** Main Page ***/
#main
{
	padding:0 55px 15px 40px;
}
.mainWrap
{
	padding-top: 10px;
}
#title{
	margin-top: 6px;
	border: solid 1px #98999b;
	border-right: none;
	background: url(../images/bg_title.jpg) repeat-x;
	height:56px;
}
#title h1
{
	background: url(../images/bg_title_dot.jpg) no-repeat right;
	line-height:56px;
	vertical-align:middle;
  padding: 0 15px 0 0;
  font-size: 24px;
  margin: 0;
  color: White;
  font-weight: bold;
}
#mainContentRight{
	float: right;
	width: 155px;
}
#mainContent{
	float: left;
	width: 648px;
}
#mainContentT{
	background: url(../images/bg_main_top.jpg) no-repeat top;
	height:8px;
	margin:0;
	padding:0;
}
#mainContentB{
	background: url(../images/bg_main_bottom.jpg) no-repeat bottom;
	height:8px;
	margin:0;
	padding:0;
}
#mainContentCenter{
	background: #bce8f3 url(../images/bg_main.jpg) repeat-x top;
	padding:10px 20px 0 20px;
	min-height: 196px;
	margin:0;
}
#mainContentHpText{
	float: right;
	width: 225px;
	padding-left:10px;
}
#mainContentHpBanners{
	float: right;
	width: 155px;
	padding:0 10px;
	border-left: solid 1px white;
	border-right: solid 1px white;
}
#mainContentHpContact{
	float: left;
	width: 185px;
	padding-right:10px;
	color: #0061a2;
}
#mainLinksRight{
	float: right;
	width:255px;
	padding-left:25px;
	margin-left:25px;
	border-left: solid 1px white;
}
#mainLinksLeft{
	float: left;
	width:300px;
}
/**** Main Menu ***/
#mainMenu{
	margin:0;
	padding:0 ;
	list-style: none;
	width:129px;
	text-align: right;
}
#mainMenu li{
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	font-size: 14px;
	color: #046aaa;
}
#mainMenu li{
	background: url(../images/arr_menu.png) no-repeat;
}
#mainMenu li a{
	color: #046aaa;
	display: block;
	padding-right: 5px;
	background: url(../images/bg_menu.jpg) repeat-x;
    text-decoration: none;
}
#mainMenu li a:hover,#mainMenu a.menu_on{
	color: #046aaa;
	font-weight: bold;
	display: block;
	background: url(../images/bg_menu_on.jpg) repeat-x;
    text-decoration: none;
}
#mainMenu li.menu_top{
	height:45px !important;
}
#mainMenu li.menu_top a{
	background: url(../images/bg_menu_top.jpg) repeat-x;
	height:45px !important;
  text-decoration: none;
}
#mainMenu li.menu_top a:hover,#mainMenu li.menu_top a.menu_on{
	background: url(../images/bg_menu_top_on.jpg) repeat-x;
	height:45px;
    text-decoration: none;
}
#mainMenu li.menu_bottom a{
	background: url(../images/bg_menu_bottom.jpg) repeat-x;
    text-decoration: none;
}
#mainMenu li.menu_bottom a:hover,#mainMenu li.menu_bottom a.menu_on{
	background: url(../images/bg_menu_bottom_on.jpg) repeat-x;
    text-decoration: none;
}
#mainMenu li.sep
{
  width: 2px !important;
	background: url(../images/bg_menu_sep.jpg) no-repeat;
	padding:0 2px;
	height:42px;
}




/***** END  **************/
#newsBox{
	background-color: #141414;
	border: solid 1px #3e3e3e;
	padding:10px;
	margin-bottom: 5px;
}
#newsBox dt{
	color: #59b8f4;
	font-weight: bold;
	margin-top: 10px;
}
#newsBox dd{
	color: White;
	padding: 0;
	margin: 0;
}
h3.news{
	background: none;
	padding-right:0;
	margin-bottom:5px;
	color: #00a2ff;
}
#banners div{
	margin:0 0 5px 0;
}
#videoBoxHp{
	padding:10px 7px;
	text-align: center;
}
#videoBox{
	padding:10px 7px;
	text-align: center;
}
#videoBoxHp div.videoBoxFrame{
	float: left;
	width:210px;
}
#videoBoxHp div.videoBoxList{
	text-align: right;
	float: right;
	width:145px;
}
#videoBox div.videoBoxFrame{
	float: left;
	width:320px;
}
#videoBox div.videoBoxList{
	text-align: right;
	float: right;
	width:190px;
}
div.videoBoxList ul{
	margin:0 auto;
	padding:5px 0;
	list-style: none;
}
div.videoBoxList li{
	padding-bottom:4px;
	margin-bottom: 4px;
	border-bottom: solid 1px #2d2d2d;
	font-size: 14px;
}
div.videoBoxList li a{
	color:#a2a2a2;
	padding-right:15px;
	display: block;
	background: url(../images/dot.jpg) no-repeat right;
}
div.videoBoxList li a:hover{
	color:White;
	font-weight: bold;
	display: block;
	padding-right:15px;
	background: url(../images/dot_on.jpg) no-repeat right;
}
div.videoBoxList li.menu_on a{
	color:White;
	font-weight: bold;
	display: block;
	padding-right:15px;
	background: url(../images/dot_on.jpg) no-repeat right;
}
*/
/**** Boxes ***/
#boxes{
	margin-top: 6px;
	border: solid 1px #98999b;
	background-color: black;
	padding:15px;
}
.boxItem {
	float:right;
	width: 350px;
	margin-bottom: 30px;
}
.boxItem h4 a{
	color:#28c4da;
}
.boxItem h4 a:hover{
	color:white;
}
.boxText{
	float: right;
	width:230px;
}
.boxImg {
	float: right;
	width:90px;
	padding: 0 5px;
}
.boxImg img{
	border:solid 1px #999999;
	margin:0 0 0 5px;
}
.picBoxTitle{
	text-align: center;
	margin-bottom:10px;
}
.picBoxTitle a{
	color: Black;
}

.boxImgText{
	text-align: center;
	margin-bottom:3px;
	padding-left:15px;
	color: #59b8f4;
	font-weight: normal;
}
.boxImgText a{
	color: #59b8f4;
	font-weight: bold;
}
/**** Video Page ***/
#videoPage{
	margin-right: 20px;
}
.videosPageItem{
	float:right;
	width:160px;
	text-align: center;
	margin:5px 5px 10px 5px ;
}
.videoImg{
	background: url(../images/bg_video.gif) no-repeat;
	width:140px;
	height: 113px;
}
/**** Customers Page ***/
.customersPageItem{
	float:right;
	width:160px;
	text-align: center;
	margin:5px 5px 10px 5px ;
}
/**** Boxes Page ***/
.boxItemColumn1{
	float:right;
	width:355px;
}
.boxItemColumn2{
	clear: both;
}
.boxPageItem {
	padding-bottom: 8px;
	margin-bottom: 8px;
	padding-left:20px;
}
.boxPageItem h4{
	background: none;
	padding-right:0;
	margin-bottom:5px;
	padding-bottom: 3px;
	color:#00a2ff;
	height:auto;
}
.boxPageItem h4 a{
	color:#00a2ff;
}
.boxPageItem h4 a:hover{
	color:white;
}

/**** Products Page ***/
.productsItemColumn1{
	float:right;
	width:355px;
}
.productsItemColumn2{
	clear: both;
}
.productsPageItem {
	padding-bottom: 8px;
	margin-bottom: 8px;
	padding-left:20px;
}
.productsPageItem img{
  border: #474747 1px solid;
}
.productsPageItemImg{
	padding:0 0 0 10px;
	float:right;
	width:150px;
}
.productsPageItemText{
}
.productsPageItem h2{
	background: none;
	padding-right:0;
	margin-bottom:5px;
	padding-bottom: 3px;
	color:#00a2ff;
	height:auto;
}
.productsPageItem h2 a{
	color:#00a2ff;
}
.productsPageItem h2 a:hover{
  color: White;
}

/**** Product Page ***/
#productPage{
	clear: both;
}
#productPage h2{
	float:right;
	width:439px;
}
#productPage h3{
}
#productPage img{
  border: #474747 1px solid;
}
h2.product1{
	float:right;
	width:635px;
}
h2.product2{
	float:right;
	width:422px;
}
.productBack{
	float: left;
	width:104px;
	text-align: center;
	height:17px;
}
.productBack img{
	border: none;
}
.productBack a{
	color: White;
	font-size: 12px;
	font-weight: bold;
}
.productBack a:hover{
	color: white;
	font-size: 12px;
	font-weight: bold;
}

.details{
	margin-top:5px;
	color:white;
	font-size: 11px;
	text-align: left;
}
.details a{
	color:white;
	font-size: 11px;
}
.details a:hover{
	font-size: 11px;
	text-decoration: underline;
}
.galleryPic
{
		width:182px;
		height:139px;
		margin:5px 0 10px 0;
		background: url(../images/bg_gallery_img.png) no-repeat;
}
.galleryPic img{
	padding:11px 12px;
}
.galleryPic1
{
    margin: 7px 5px;
}

/**** Pagging ***/
div.pagging
{
  clear:both;
	text-align: center;
	padding-top:10px;
}
div.pagging span{
  color: #00a2ff;
	font-weight: bold;	
}
/**** Contact Page ***/
#mainContact
{
	float:left;
	width:200px;
}
.mainContactWrap
{
	padding:20px;
}
#mainContactForm{
	float:right;
	width:400px;
}
.formColumnRight{
	float:right;
	width:200px;
}
.formColumnLeft{
	float:right;
	width:190px;
}
.formRight
{
	float:right;
	width:40px;
	color: #0061a2;
	padding-top: 5px;
	margin-bottom: 20px;
}
.formCenter
{
	float: right;
	width:135px;
  margin-top: 2px;
}
.formCenter input
{
	width:135px;
	margin-bottom: 20px;
}
.formCenter textarea
{
	width:135px;
	height:114px;
}

.formBtns
{
		margin-top:5px;
		text-align: center;
		padding-right: 30px;
		padding-bottom: 10px;
}
.formBtns input
{
	cursor: pointer;
	border: none;
}

.formRightBox
{
	float:right;
	width:40px;
	padding-top: 5px;
	margin-top: 10px;
}
.formCenterBox
{
	float: left;
	width:135px;
	margin-top: 10px;
}
.formCenterBox input
{
  width:130px;
}
.formBtnsBox{
		margin-top:10px;
		text-align: center;
		padding-right: 40px;
		padding-bottom: 10px;
		border-bottom: solid 1px #37b9de;
}
.formBtnsBox input
{
	cursor: pointer;
	border: none;
}
.formTextBox{
	padding-top: 10px;
	border-top: solid 1px white;
	color: black;
	font-size: 11px;
}
/*

.formLeft
{
    MARGIN-TOP: 2px;
    FLOAT: left;
    WIDTH: 75px;
    DIRECTION: ltr
}
.formBtns INPUT
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    BORDER-LEFT: medium none;
    WIDTH: 45px;
    COLOR: white;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Arial;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #d60015;
    TEXT-ALIGN: center
}
*/
/**** Faq Page ***/
#faq{
}
#faq h3{
	background: none;
	height:auto;
  padding: 5px 5px 5px 0;
  font-size: 14px;
  margin: 0 0 3px 0;
  color: White;
  font-weight: bold;
}
#faq h4{
  font-weight: bold;
  font-size: 16px;
	height: 22px;
	background: none;
  color: #00a2ff;
	padding:0 3px 0 0;
	margin:5px 0;
}
ul.questions{
	margin: 0 20px 20px 0;	
	padding: 0;
}
ul.questions li{
	padding:3px 0
}

.answerText{
	padding-right:5px;
}
.answerTop{
	text-align: left;
	border-bottom: solid 1px #545454;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.answerTop a{
  color: #00a2ff;
	font-weight: bold;
}
.video,.video a{
}
/**** Sitemap Page ***/
#sitemap{
	
}
#sitemap li{
	margin-bottom: 10px;
}
#sitemap li a{
  color:white;
}
#sitemap li ul{
	margin-top: 5px;
	list-style: square; 
}
#sitemap li ul li{
	margin-bottom: 5px;
}
#sitemap li ul li a{
    color: #868686;
}