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

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
}
font-face
{
 font-family: 'calibri';
 src: url('CALIBRI.eot');
 src: local('calibri'),  local('CALIBRI'),  url('CALIBRI.TTF') format('truetype');
}
@font-face {
	font-family: calibri;
	src: url('CALIBRI.TTF');
	
	}
@font-face {
 font-family:'calibri';
 src: url('CALIBRI.eot');
 src: local('CALIBRI'), local('CALIBRI'), url('CALIBRI.TTF') format('truetype');
}
@font-face {
 font-family:calibri;
 src: url('CALIBRI.TTF');
}
ul,ol,li{
	margin:0;
	padding:0;
}


html {
background-image:url(../images/fotter_bg.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

body{
	margin:0px;
	padding:0px;
	font-family:calibri !important;
	width:100%;
	height:auto;
	background-image:url(../images/header.gif);
	background-position:top left;
	background-repeat:repeat-x;
	
}
.wrapper{
width:960px;
height:auto;
margin:auto;
overflow:hidden;
}
.clr{
padding:0px;
clear:both;
}
.header{
width:960px;
height:95px;
margin-top:10px;
margin-bottom:10px;

}
.logo{
width:460px;
height:80px;
float:left;

}
.logo_right{
width:500px;
height:95px;
float:right;
color:#fb8800;
}
.login_part{
width:500px;
height:8px;
border-bottom:solid 1px #acacab;
font-size:14px;
padding-top:20px;
padding-bottom:15px;
}
.login_part{
width:500px;
height:8px;
border-bottom:solid 1px #acacab;
font-size:14px;
padding-top:20px;
padding-bottom:15px;
}
.login a{
color:#38b4ea;
text-decoration:none;
}
.login a:link{
color:#38b4ea;
text-decoration:none;
}
.login a:hover{
color:#fbab00;
text-decoration:none;
}

.menu_part{
width:960px;
height:41px;
background-image:url(../images/menu.gif);
background-repeat:repeat-x;
border-radius:5px;
overflow:hidden;
}
/********************************menu strat***************************************/
.menu{
width:700px;
height:41px;
border-radius:5px 0 0 5px;
float:left;

}
.menu ul {
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu ul li {
  display: block;
  position: relative;
  float: left;
  background:url(../images/menu_dvdr.gif);
  background-repeat:no-repeat;
  background-position:right bottom;
  line-height:27px;
}
.menu li ul { display: none; }
.menu ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 7px 35px 7px 35px;
  white-space: nowrap;
}
.menu ul li a:hover { 
	background-image:url(../images/menu_hover.gif);
	background-repeat:repeat-x;
	margin-right:2px;
 }
.menu li:hover ul {
  display: block;
  position: absolute;  
}
.menu li:hover li {
  float: none;
  font-size: 14px;
  border-bottom: 1px solid #b6b3b3;
  border-left: 1px solid #b6b3b3;
  border-right: 1px solid #b6b3b3;
  margin: 0;
  width:auto;  
}
.menu li:hover a {
	background:url(../images/menu_bg.gif);
	background-repeat:repeat-x;
 }
.menu li:hover li a:hover { 
	background:url(../images/menu_hover.png);
	background-repeat:repeat-x;	}

.menu li:hover li a:active{ 
	background:url(../images/menu_hover.png);
	background-repeat:repeat-x;
	}

/***********************************menu end*********************************************/
.menu_right{
width:240px;/*260*/
height:21px;
float:right;
padding:10px;
}
.searchbox_effect{
  background-color: #1c58ad;
  background: -webkit-gradient(linear, left top, left bottom, from(#fefeff), to(#ebf4fa));
            background: -moz-linear-gradient(top, #fefeff, #ebf4fa);
            background: -o-linear-gradient(#fefeff, #ebf4fa);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefeff', endColorstr='#ebf4fa');
            zoom:1;
			border:none;
			color:#1a1a1a;
			font-size:12px;
			}
.spacial_news{
width:960px;
height:27px;
border-radius:5px;
color:#fff;
overflow:hidden;
font-size:14px;
background:#fbab00;
margin:5px 0;
}
.banner{
width:920px;
height:305px;
background:#ccc;
}
.content_part{
width:920px;/*960*/
height:auto;
min-height:900px;
border:solid 10px #768288;
padding:10px;
margin-bottom:10px;
overflow:hidden;
display:block;
}
fieldset{
padding:0px;
margin:0px;
}


.footer{
width:960px;
height:209px;
color:#eef2f3;
font-size:12px;
}
.footer_link{
width:660px;
height:146px;
float:left;
padding-top:20px;
}
.footer a{
color:#eef2f3;
text-decoration:none;
}
.footer a:link{
color:#eef2f3;
text-decoration:none;
}
.footer a:hover{
color:#fff;
text-decoration:none;
}
.footer_logo{
width:300px;
height:156px;
float:right;

}
.footer_link_style{
font-weight:bold;
background-image:url(../images/footer_line.gif);
background-repeat:no-repeat;
background-position:bottom left;
height:25px;
}
.copyright_part{
width:960px;
height:53px;
padding-top:10px;
}
.text_part{
width:920px;
height:auto;
margin-top:10px;
}
.category_part{
width:212px;
height:300px;
float:left;
}
.featured_product{
width:690px;
margin-left:18px;
height:auto;
min-height:300px;
float:right;
}
.inner_subheading{
color:#38b4ea;
border-top:solid 1px #acacab;
padding:5px;
height:auto;
font-size:18px;
font-family:"Century Gothic";
}
.category{
width:200px;
height:auto;
min-height:442px;
border-radius:5px;
border:solid 1px #38b4ea;
color:#1b1b1b;
font-size:14px;
padding:9px 5px
}
































#cssmenu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
  height:30px
}
/* The container */
#cssmenu > ul {
  display: block;
  position: relative;
  width: 200px;
  /* The list elements which contain the links */

}
#cssmenu > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
/* General link styling */
#cssmenu > ul li a {
  /* Layout */

  display: block;
  position: relative;
  margin-bottom: 2px;
  border: 1px solid #bdcad0;
  height:30px;
  line-height:35px;
   padding-left:20px;
  /* Typography */
  color: #1b1b1b;
  text-decoration: none;
  font-size: 15px;
  /* Background & effects */
  background: #fbfbfb;
  background-image:url(../images/side_menu_bg.gif);
  background-position:bottom left;
  background-repeat:repeat-x;
  
}
/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
    border:solid 1px #bdcad0;
	
}
/* Rounded corners for the last link of the menu/submenus */
#cssmenu > ul li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
    border:solid 1px #bdcad0;
}
/* The hover state of the menu/submenu links */
#cssmenu > ul li > a:hover,
#cssmenu > ul li:hover > a {
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
 background:#38b4ea;
 border:solid 1px #1d8fc1;
}
/* The arrow indicating a submenu */
#cssmenu > ul .has-sub > a::after {
  content: '';
  position: absolute;
  top: 16px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border:solid 1px #bdcad0;

}
/* The same arrow, but with a darker color, to create the shadow effect */
#cssmenu > ul .has-sub > a::before {
  content: '';
  position: absolute;
  top: 12px;
  right: 2px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */
/*background-image:url(../images/ver_menu_arrow.png)*/
  border: 4px solid transparent;
  border-left: 6px solid #fb8800;
}
/* Changing the color of the arrow on hover */
#cssmenu > ul li > a:hover::after,
#cssmenu > ul li:hover > a::after {
  border-left: 6px solid #38b4ea;
  
}
#cssmenu > ul li > a:hover::before,
#cssmenu > ul li:hover > a::before {
  border-left: 6px solid #fb8800;
}
/* THE SUBMENUS */
#cssmenu > ul ul {
  position: absolute;
  left: 100%;
  top: -9999px;
  padding-left: 9px;
  opacity: 0;
  width: 140px;
  /* The fade effect, created using an opacity transition */

  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover > ul {
  top: 0px;
  opacity: 1;
}
/*********************************************category menu end************************************/

.package_part{
width:690px;
height:465px;
overflow:hidden;

}
.partner_part{
widows:920px;
height:140px;
margin-top:10px;
}