/* CSS Document */
body{
background: #fff url(../images/index/bg.jpg) top right repeat-x;
font-family:Arial, Helvetica, sans-serif;
color: #000;
font-size: 13px;
text-align: center;
margin-top: 0px;
line-height: 20px;
}


p{
margin:0px;
}

img{
border: none;
}

li a, p a{
color:#000;
text-decoration: none;
border-bottom: 1px dashed #0088ff;
}

li a:hover, p a:hover{
color:#0088ff;
border-bottom: 1px solid #0088ff;
}

input, textarea{
width:250px;
border:1px solid #ccc;
}

.clear {
 clear: both;
}

#container{
margin-left:auto;  /*to center the container in Firefox and Safari*/
margin-right:auto; /*to center the container in Firefox and Safari*/
width:780px;
min-height:600px;
}

#header{
float:left;
width:780px;
/*height:120px;   /* I commented this after i removed the search on top of the header*/
}
#header.title{
float:left;
margin-top: 50px;
background:url(../images/index/jetcut.png);
width:368px;
height:48px;
}
#header.search{
float:right;
background:url(../images/index/bg_search.png) no-repeat;
width:123px;
height:22px;
}
#header.search p,#header.search a{
color:#fff;
font-size:11px;
text-decoration: none;
border-bottom: none;
margin-top: 0px;
}
#header.search a:hover{
text-decoration: none;
color:#0088ff;
}
#header.logo{
float:right;
width:125px;
height:110px;
background:url(../images/index/logo.png);
margin-top: 20px;
}
/*-----------------------MAIN MENU----------------------------*/
#menu{
width:780px;
/*height: 34px; ---------> don't placed height coz it is giving gap between the main menu and the DISPLAY HEADER*/
padding:0px;
float:left;
margin-top:5px;
}
#menu ul.tabs{
list-style-type: none;
padding:0px;
margin-left:0px; /*IE to be placed on left side*/
}
#menu ul.tabs li{
float:left;
width:105px;
font-size:12px;
font-weight:bold;
margin-right: 2px;
}
#menu ul.tabs li a{
display:block;
background: url(../images/index/menu_top.png) left top no-repeat;
color:#000;
border-bottom:none;
text-decoration:none;
}
#menu ul.tabs li a:hover{
background: url(../images/index/menu_top.png) left top no-repeat;
color:#0088ff;
}
#menu ul.tabs li.menu_selected a{
background: url(../images/index/menu_over.png) left top no-repeat;
color:#fff;
}
#menu ul.tabs li.menu_selected a:hover{
background: url(../images/index/menu_over.png) left top no-repeat;
color:#000;
}
/*-----------------------HEADER DISPLAY----------------------------*/
#display{
float:left; /*for Firefox to be not on upper-right corner*/
width:780px;
height:226px;
}
/*-----------------------MAIN BODY----------------------------*/
#body{
width:780px;
min-height:300px;
float:left; /*for Firefox to be not on upper-right corner*/
margin-left:auto; /*for Firefox to center it*/
margin-right:auto; /*for Firefox to center it*/
}

#bullet-arrow{
	list-style-image: url(../images/bullet-arrow.gif);
	list-style-type:none;
	line-height:10px;
	text-align:left;
	margin-left:30px;
	padding-left:30px;
	margin-bottom:5px;
	font-size:12px;
}
#bullet-arrow li a{
text-transform:uppercase;
color:#0088ff;
font-weight:bold;
border-bottom:none;
}
#bullet-arrow li a:hover{
color:#000;
font-weight:bold;
border-bottom:none;
}
#bullet-arrow li{
	margin-bottom:12px;
	margin-top:10px;
}
#bullet-arrow_sub{
	list-style-image:url(../images/bullet-arrow_sub.gif);
	margin-left:8px;
	padding-left:8px;
	text-align:justify;
}
#bullet-arrow_sub li a{
text-transform:none;
color:#000;
font-weight:normal;
}

#bullet-arrow_sub li a.Top{
text-transform:uppercase;
font-size:11px;
color:#0088ff;
}

#bullet-arrow_sub li{
	margin-bottom:6px;
	margin-top:6px;
}
#bullet-arrow_sub li li{
	margin-bottom:2px;
	margin-top:4px;
}


#bullet_none{
	list-style-type:none;
}

#bullet_none a:hover{
color:#000;
border-bottom: none;
}


#bullet{
	list-style-image:url(../images/bullet.jpg);
	list-style-type:none;
	line-height:15px;
}


h1{
font-size: 22px;
color: #666;
font-weight: bold;
}

h2{
font-size: 15px;
color:#666;
}

.style1{
color:#0088ff;
}
.style2{
color:#000;
font-size:10px;
font-style:italic;
}

.border{
padding: 5px;
border: 1px solid #ccc;
}

.border:hover{
padding: 5px;
border: 1px dashed #0088ff;
}

#footer{
color:#666;
text-decoration: none;
font-size:11px;
}
#footer a{
color:#0088ff;
text-decoration: none;
font-weight:bold;
border-bottom: none;
}
#footer a:hover{
border-bottom: 1px dotted #0088ff;
}

div.div { 
      display:none;
	  background-color: #ddefff;
	  border: 1px dashed #fff;
      padding: 10px;
	  margin:10px 0 10px 0;
}
img.close{
border: none;
margin-bottom: 0px;
float:right;
}

.Top{
text-transform:uppercase;
font-size:11px;
color:#0088ff;
}