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

body{
	margin:0px;
	padding:0px;
	color:#666;
	line-height:15px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/header_back.png) repeat-x left top;
}

#container{
	width:100%;
	height:auto;
}

.clear{
	clear:both;
	height:0px;
	margin:0px;
	line-height:0px;
	font-size:0px;
	padding:0px;
}
.strong-bg{
background-color:#E6E6E6;
}
.sitemap ul{
display:block;
}
.sitemap li{
display:block;
list-style-image:url(../images/multi_level-files/arrow.gif) left top;
}
h1 h2 h3 h4 h5 h6 ul li form div{
	margin:0 auto;
	padding:0px;
}
p{
font-size:13px;
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
font-weight:500;
}
h1{
font-size:1.4em;
color:#07ADDF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
h2{
font-size:1.2em;
color:#07ADDF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h3{
font-size:1.1em;
font-weight:bold;
color:#07ADDF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
h6{
font-size:12px;
font-weight:bold;
color:#07ADDF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul li a:link{
	color:#07ADDF;
	list-style-type:none;
	text-decoration:none;
}
ul li a:visited{
	color:#07ADDF;
	list-style-type:none;
	text-decoration:none;
}
ul li a:hover{
	color:#CCC;
	text-decoration:underline;
}
ul li a:active{
	color:#07ADDF;
	text-decoration:none;
}
a.nav:link {color:#07ADDF; text-decoration: none; }
a.nav:visited {color:#07ADDF; text-decoration: none; }
a.nav:hover {color:#CCC; text-decoration: underline; }
a.nav:active {color:07ADDF; } 

/* header start  here ====================================================================== */

#header{
	width:790px;
	height:auto;
	margin:auto;	
}

/* header_inner start here ------------------------------------------------------------------ */

#header_inner{
	padding:0px 0px 0px 0px;
	height:auto;
	
}

#header_top_cover{
	padding:12px 10px 0px 10px;
}

/*header_top start here========================= */
.search{
border:1px #07ADDF solid;
}
#header_top{
	height:28px;
	padding:0px 0px 0px 0px;
}

#header_top_l{
	width:70%;
	height:auto;
	float:left;
}

#header_top_l a{
	display:block;
	float:left;
	color:#000000;
	text-decoration:none;
	padding:0px 5px 0px 5px;
}

#header_top_l a:hover{
	display:block;
	color:#000000;
	float:left;
	text-decoration:none;
	padding:0px 5px 0px 5px;
}

#header_top_r{
	width:30%;
	height:auto;
	float:right;
}

#header_top_r form{
	margin:0px;
	padding:0px;
}



#header_mid{
	height:60px;
	padding:0px;
}

#header_mid_inn{
	padding:20px 10px 0px 10px;
	
}

#header_mid_inn a{
	color:#FFFFFF;
	text-decoration:none;
}

#header_mid_inn a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#header_bottom{
	height:290px;
	padding:0px;
	
}

#header_left{
	width:180px;
	float:left;
	height:266px;
	margin:11px 0 0 0;
	text-decoration:none;
	overflow:hidden;
	background: url(../images/logo.jpg) left top no-repeat #F2F2F2;
}

#header_right{
	width:576px;
	float:right;
	margin:11px 0 0 0;
}

/*header_bottom_inn start here ===============================*/


#header_bottom_inn_cover{
	padding:0px 10px 0px 10px;
	
}

#header_bottom_inn{
	height:297px;
	padding:0px 0px 0px 0px;
	background:url(../images/header_gray_back.jpg) left top repeat-x;	
	border-left:solid 1px #CBCBCB;
	border-right:solid 1px #CBCBCB;	
}

#header_bottom_inn_l{
	height:auto;
	padding:5px 0px 5px 0px;
	background:#F2F2F2;
}

#header_bottom_inn_r{
	height:auto;
	padding:5px 0px 5px 0px;
	background:#F2F2F2;
}

/* Top menu Css Here ============================================================================ */
#mainmenu{
	width:100%;
	height:auto;
	margin:0 0 0 12px;
	padding:0;
/*    position:absolute;*/
/*	border:1px #3592C4 solid;*/
}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0 0 0 12px; margin:0; font-family:Arial, Helvetica, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative; padding:0 0px 0 5px;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {
	display:block;
	float:left; 
	height:auto; 
	width:auto; 
	padding:0 3px 0 3px; 
	overflow:hidden; 
	text-decoration:none; 
	color:#3592C4;
	list-style-image:url(../images/multi_level-files/arrow-1.gif);
	/*border-right:1px #3592C4 solid;
	border-bottom:2px solid #3592C4;*/
}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px; text-decoration:none;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li{width:auto;}


/* set up the normal unhovered images in the links */
.menu li a{width:auto;}


/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
/*.menu li a.menu li:hover a#home,
.menu li a.menu li:hover a#products,
.menu li a.menu li:hover a#services,
.menu li a.menu li:hover a#contacts,
.menu li a.menu li:hover a#shop,
.menu li a.menu li:hover a#privacy { color:#5BAD03}*/

/* keep the 'next' level invisible by placing it off screen. ================================================== */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:15px; padding:0px 0; border:1px solid #3592C4; background:#07B2E6; white-space:nowrap; width:150px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu :hover ul.sub li a {display:block; font-size:12px; height:20px; width:150px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu :hover ul.sub li a.fly {background:#07B2E6 url(../images/multi_level-files/arrow.gif) 140px 7px no-repeat; float:left;font-size:12px;}
.menu :hover ul.sub li a:hover {background:#051F30; color:#FFF;}
.menu :hover ul.sub li a.fly:hover {background:#051F30 url(../images/multi_level-files/arrow-1.gif) 140px 7px no-repeat; float:left; color:#666; font-size:12px;}
.menu :hover ul li:hover > a.fly {background:#051F30 url(../images/multi_level-files/arrow-1.gif) 140px 7px no-repeat; float:left; color:#666; font-size:12px;} 

/* set up the flyout levels when hovering =============================================================== */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
	{left:150px; top:-1px; background: #07B2E6; padding:3px 0; border:1px solid #888; white-space:nowrap; width:150px; z-index:200; height:auto; z-index:300; font-size:12px;}



/* content start  here ====================================================================== */

#content{
	width:100%;
	height:auto;
	margin:auto;
	background:#07B2E6 url(../images/content_back.gif) repeat-x left top;
}

/* content_inner start here ------------------------------------------------------------------ */

#content_inner{
	width:760px;
	padding:10px 10px 0px 10px;
	height:auto;
	margin:auto;
}

#content_inner p a:link{
	color:#07ADDF;
	list-style-type:none;
	text-decoration:none;
}
#content_inner p a:visited{
	color:#07ADDF;
	list-style-type:none;
	text-decoration:none;
}
#content_inner p a:hover{
	color:#CCC;
	text-decoration:underline;
}
#content_inner p a:active{
	color:#07ADDF;
	text-decoration:none;
}

#content_inner p{
font:normal 13px Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
}
#content_main_back{	
	background:url(../images/content_main_back.png) repeat-y center top;
	
}

#content_cover_inner{
	background:url(../images/content_cover_back.gif) no-repeat center top;
}

/*content left start here ---------------------------------------------------------------------- */

#content_left{
	height:auto;
	float:left;
	width:40%;
}

#content_left_inn{
	padding:0px 10px 0px 10px;
}
#content_left_inn h2{
	font-size:1.2em;
	color:#07ADDF;
	background:#F2F2F2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content_left_inn p{
	font-size:13px;
	color:#666;
	padding:0 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content_left_inn input.name{
	border:1px #07ADDF solid;
	color:#07ADDF;
	width:120px;
}
#content_left_inn input.pass{
	border:1px #07ADDF solid;
	color:#BAE8F6;
	width:120px;
}

#content_left_inn table td{
width:100%;
height:auto;
}
/*content right start here ---------------------------------------------------------------------- */
#content_fullwidth{
	height:auto;
	float:left;
	width:100%;
}
#content_right{
	height:auto;
	height:auto;
	float:left;
	width:60%;
}

/* its using only for Index.html page ----------------------------------------------------------- */
#content_right_inn_2clm{
	padding:0px 0px 0px 40px;
}
#content_right_inn_2clm h2{
    font-size:1.2em;
	color:#07ADDF;
	background:#F2F2F2;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

/* its using only for Index.html page ----------------------------------------------------------- */

/* its using only for Index.html page ----------------------------------------------------------- */
#content_left_inn_2clm{
	padding:0px 40px 0px 10px;
}
#content_left_inn_2clm h2{
    font-size:1.2em;
	color:#07ADDF;
	background:#F2F2F2;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

/* its using only for Index.html page ----------------------------------------------------------- */
#content_right_inn{
	padding:0px 40px 0px 40px;
}

#content_right_inn h2{
	font-size:1.2em;
	color:#07ADDF;
	background:#F2F2F2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content_right_inn p{
	font-size:13px;
	color:#666;
	padding:0 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content_center_align h2{
	font-size:1.2em;
	color:#07ADDF;
	background:#F2F2F2;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* content start  here ========================================================================*/

/*footer start here =============================================  */

#footer_cover{
	padding:0px 0px 20px 0px;
}

#footer{
	width:100%;
	height:40px;
	margin:auto;
	background:#051F30;
	border-top:solid #FFFFFF 1px;
}

/* footer_inner start here ------------------------------------------------------------------ */

#footer_inner{
	width:790px;
	padding:12px 0px 0px 0px;
	height:auto;
	margin:auto;
	color:#FFFFFF;
	text-align:center;
}

#footer_inner a{
	color:#FFFFFF;
	text-decoration:none;
}


#footer_inner a:hover,a:active,a:focus{
	color:#FFFFFF;
	text-decoration:underline;
}