/* CSS Document */

@font-face {
    src:url("fonts/AvenirLTStd-Medium.otf.otf");
    fontFamily: AvenirLTStd;

}

@font-face {
    src:url("fonts/AvenirLTStd-Black.otf");
    fontFamily: AvenirLTStd;
    fontWeight: bold;
}



body {

	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
	background-color: #a90609; 
	font-family: Verdana, Helvetica, Sans-serif; 
	font-size: small; 
	color:#333333; 
	margin: 0px;
	

  }

#container_out {
	width: 968px; 
	padding: 0px 0px 10px 0px;  
	margin-bottom: 10px; 
	background-image: url(../images/bg_outer33.jpg);
	background-repeat: repeat-y; 

 }


#container {
	width: 968px; 
	margin: 0px; 
	padding: 0px;
	background-image: url(../images/bg_outer33.jpg);
	background-repeat: repeat-y; 
	zoom: 1; 
	/**height: inherit; 
	_height: 500px; */
	
 }
 
/*For Firefox */
/*
@-moz-document url-prefix()
{
	#container { height: 500px;  }
}
*/

#container_in {
	width: 968px;
	margin: 0px 0px 0px 0px; 
	padding: 0px; 

 }

#header {
	width: 968px; 
	margin: 0px;
	height: 111px; 
	padding: 5px 0px 0px 0px; 
	font-weight: bold;
	font-size: 10px;
	background-image: url(../images/body_bg.jpg);
	background-repeat: no-repeat;
 }

#menu {  
	width: 968px;  
	height: 34px; 
	/*--float: left;*/
  }
 
#flash_movie {
	width: 968px; 
	margin: 0px; 
	padding: 0px; 
 
 }
 
/*For Firefox */
@-moz-document url-prefix()
{
	#flash_movie { margin: 0px 0px 1px 0px;  }
}


#left_column {
	width: 226px; 
	margin: 0px;
	padding: 0px 0px 0px 0px; 
	*margin: 2px 0px 0px 0px;
	_margin: 0px 0px 0px 0px;
	float: left;
  }

@-moz-document url-prefix()
{
	#left_column { margin: 0px 0px 0px 0px;  }
}

#product {		
	width: 222px;
	fontFamily: AvenirLTStd;
	fontWeight: bold;
	font-size: 10px;
	float: left;
	margin: 0px 0px 0px 0px;
	
 }
 

#product ul {
	list-style-type: none;
	margin: -1px 0px 0px 10px; 
	
 }
 

#product li {
	width: 201px;
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 0px 4px;
	fontFamily: AvenirLTStd;
	padding: 10px 0px 0px 15px;
	color: #000000;
	font-size: 10px;
	list-style-type: none;
	text-align:left;
	background: url(../images/btn_product1.jpg);
	background-color: #bdbdbd; 
	background-repeat: no-repeat;
	float:left;
	cursor:pointer;
	
 }

#product li:hover { 
 
	color: #cf1010; 
	text-decoration: none; 
	background: #e6e6e6;
	fontWeight: bold;
  } 


#product li a{ 
	color: #222222; 
	text-decoration: none;
	
  }

#product li a:hover{ 
	color: #cf1010;  
	text-decoration: none; 
  }



#banner {
	float: left;
	margin: 0px; 
	padding: 0px; 
	
 }

#banner ul {
	width: 224px; 
	margin: 0px 0px 0px 3px; 
	list-style-type: none;
	float: left;
	
 }
 
#banner li  {

	width: 229px; 
	list-style-type: none; 
	float: left;
 }


#right_column { 
	width:729px; 
	float: left; 
	margin: 0px 0px 0px 0px;
	#margin: 2px 0px 0px 0px;
	_margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	background:url(../images/bg_right.jpg);
	background-repeat:no-repeat;
	/*background-color: #ffffff;#D6D4D4;*/
  }
  
@-moz-document url-prefix()
{
	#right_column { margin: 0px 0px 0px 0px;  }
}  
  

#right_left {
 	width: 475px;
	height: auto !important;
	height: 350px;
	min-height: 350px; 
	float: left;
	text-align: left;
	margin: 12px 0px 0px 0px;
	
 }

 
#right_left ul {
	width: 420px;
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	float: right;
	
 }
 
#right_left li {
	font-size: 11px;
	font-family: verdana;
	color: #666666;
	list-style-type:none;
 } 
 
 
 
 
#right_right {
	width: 248px;
	float: right;
	background-image:url(../images/right3.jpg);
	background-repeat: repeat-y; 
	height: auto;
	overflow: inherit;
	/*background:#FFFFFF;*/
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 3px 0px;
	
 }

#right_right table{
	margin: 4px 0px 0px 8px;
 }

.big_red {	
	color: #a80608;
	fontFamily: AvenirLTStd;
	fontWeight: bold;
	font-style: normal;
	font-size: 14pt;
	margin: 0px 0px 0px 0px;
	text-align: left;

 }

.date_text {
	color: #201c20;
	font-family: Verdana;
	font-size: 9px;
	margin: 25px 0px 0px 0px;
 }
 
.date_text a {
	color: #201c20;
	font-family: Verdana;
	text-decoration: none; 
 }
 
.date_text a:hover {
	color:#999999;
	font-family: Verdana;
	text-decoration: none; 
 }
 
.title_text1 {
	width: 420px;
	color: #cc0000;
	font-family: Verdana;
	text-align: left;
	font-size: 11px;
	margin: 3px 0px 0px 0px;
 }
 
 
 .title_text1 a{
	color: #cc0000;
	font-family: Verdana;
	text-decoration: none;
 }
 
.title_text1 a:hover{
	color:#6C0003;
	font-family: Verdana;
	text-decoration: none;
 }
 
.content_text {
	width: 470px;
	color: #666666;
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	margin: 5px 0px 5px 0px;
	text-decoration: none;
 }

.title_text2 {
	color: #88b0e5;
	font-family: Verdana;
	font-size: 11px;
	text-align: left;
	padding: 0px 0px 20px 0px;
	margin: 3px 0px 20px 0px;
	
 } 
 
.title_text2 a {
	color: #88b0e5;
	text-decoration: none;
	
 }
 
.title_text2 a:hover {
	color:#0099FF;
	text-decoration: none;
	
 }
 
.header2 {
 	width: 720px;
	color: #a80608;
	fontFamily: AvenirLTStd;
	font-size: 12pt; 
	font-weight: bold; 
	text-align: left;
	margin: 0px 0px 0px 0px;
  }
 
 
.content {
	font-size: 11px;
	font-family: verdana;
	color: #666666;
	margin: 10px 10px 0px 10px; 
 }
 
.content span a {
	color: #88b0e5;
	font-weight: bold;
	text-decoration: none;
}
 
.content span a:hover {
	color: #0099FF;
	font-weight: bold;
	text-decoration: none;
}

.content ul {
	width: 420px;
	list-style-type:none;
	margin: 10px 0px 0px 0px;
	float: left;
	
 }


 
.content li {
	font-size: 11px;
	font-family: verdana;
	color: #666666;
	
	list-style-type:none;
 }


#content_rleft {
	font-size: 11px;
	font-family: verdana;
	color: #88b0e5;
	margin: 0px 0px 0px 30px; 
 }
 

#content_rleft ul {
	float: left; 
	width: 420px;
	list-style-type: circle;
	margin: 10px 0px 0px 0px;
	float: left;
	
 }
 
#content_rleft li {
	width: 210px; 
	float: left;
	font-size: 11px;
	font-family: verdana;
	color:#88b0e5;
	list-style-type:disc;
	margin: 5px 0px 0px 0px;
 }
 
#content_rleft li a {
	color: #cc0000;
	font-family: Verdana;
	text-decoration: none;
	
 }


#content_rleft li a:hover {
	color: #FF3366;
	font-family: Verdana;
	text-decoration: none;
	
 }
 
#faqs {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px 0px 0px 10px; 
 }
 
#faqs ul {
	list-style-type: none;
	color: #0099FF; 
	/*display: block;*/
	width: 500px; 
	float: left;
 }


#faqs li {
	list-style-type: none; 
	color: #0099FF;
	margin: 0px 0px 10px 0px; 
 	text-align: left;
	float: left; 
 }
 
#question {
	width: 410px;
	/*color: #0099FF;*/
	color: #000000;
	font-weight: normal; 
	font-size: 11px; 
	text-align: left;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }

#answer {
	width: 410px;
	margin: 5px 0px 10px 15px; 
	color: #666666;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
 }

.link_add {
	font-weight: normal; 
	color: #666666;
	font-size: 11px;
	list-style-type: none;
 }

.link_add a{

	color: #666666;
	text-decoration: none;

 }

.link_add a:hover {

	color: #CCCCCC;
	text-decoration: none; 
	
 }


.title_text5 {

	/*color: #88b0e5; */
	color: #cc0000;
	font-family: Verdana;
	font-size: 11px;

 }
 
.title_text5 a{

	color: #cc0000;
	text-decoration: none;


 }
 
.title_text5 a:hover{

	color: #6C0003;
	text-decoration: none;

 }
 
.button_st {

	font-size: 9pt;  
	cursor: pointer; 
	background-color: #4e8bdf; 
	color: #ffffff; 
	border: 0px;
	border: 1px solid #CC9933;
 } 
 


/* CSS FOR DROPDOWN...  filter:alpha(Opacity=50);*/

body {margin:0px; font:12px Verdana, Arial, Helvetica}
* {padding:0; margin:0;}

.dropdown {float:left;}
.dropdown dt {font-weight:bold; cursor:pointer;}
.dropdown dt:hover {}
.dropdown dd {position:absolute; overflow:hidden; width:218px; display:none; background:#fff; margin-top: 0px;  }
.dropdown ul {width:204px; list-style-type:none; border-top:none; text-align: left; font-size: 10px;  }
.dropdown li {display:inline;   }
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px 5px 7px 23px; color:#000000; text-decoration:none; background:#eaf0f2; width:194px;}
.dropdown a:hover {background:#d9e1e4; color:#000; font-weight: bold; }
.dropdown .underline {border-bottom:1px solid #b9d6dc}


/*css for blur */
.popup {
        border: solid 1px #333;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        display: none;
        position: absolute;
        width: 610px;
        z-index: 60;
      }

      .popuptitle {
	  	width: 600px; 
        background: blue;
        color: white;
        font-weight: bold;
        height: 15px;
        padding: 5px;
		text-align: left; 
      }
     
      .popupbody {
	  	width: 600px;
		height: 300px;
        background-image: url(../images/bg_right.jpg) ;
		background-repeat: no-repeat;
        padding: 5px;
        text-align: left;
      }

      #popup { top: 300px; left: 350px; }
	  
	  
.popup2 {
        border: solid 1px #333;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        display: none;
        position: absolute;
        width: 610px;
        z-index: 60;
      }

      .popuptitle2 {
	  	width: 600px; 
        background: blue;
        color: white;
        font-weight: bold;
        height: 15px;
        padding: 5px;
      }
     
      .popupbody2 {
	  	width: 600px;
		height: 300px;
        background-image: url(../images/bg_right.jpg) ;
		background-repeat: no-repeat;
        padding: 5px;
        text-align: left;
      }

      #popup2 { top: 300px; left: 350px; }
	  
	  
	  
.popup3 {
        border: solid 1px #333;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        display: none;
        position: absolute;
        width: 610px; 
        z-index: 60;
      }

      .popuptitle3 {
	  	width: 600px;
        background: blue;
        color: white;
        font-weight: bold;
        height: 15px;
        padding: 5px;
      }
     
      .popupbody3 {
	  	width: 600px;
		height: 300px;
        background-image: url(../images/bg_right.jpg) ;
		background-repeat: no-repeat;
        padding: 5px;
        text-align: left;
      }

      #popup3 { top: 300px; left: 350px; }
	  

/* CLINKING FORGOT PASSWORD */	  
.popup4 {
        border: solid 1px #333;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        display: none;
        position: absolute;
        width: 400px;
        z-index: 60;
	
      }

      .popuptitle4 {
	  	width: 390px; 
        background: blue;
        color: white;
        font-weight: bold;
        height: 15px;
        padding: 5px;
		text-align: left; 
      }
     
      .popupbody4 {
	  	width: 390px;
		height: 150px;
        background: #e9e9e9;
		background-repeat: no-repeat;
        padding: 5px;
        text-align: left;
      }

      #popup4 { top: 300px;  left: 450px; }
	  
/* CLINCKING ORDER NOW */
.popup5 {
        border: solid 1px #333;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        display: none;
        position: absolute;
        width: 600px;
        z-index: 60;
      }

      .popuptitle5 {
	  	width: 590px; 
        background: blue;
        color: white;
        font-weight: bold;
        height: 15px;
        padding: 5px;
		text-align: left; 
      }
     
      .popupbody5 {
	  	width: 590px;
		height: 300px;
		background: #e8e8e8;
		background-repeat: no-repeat;
        padding: 5px;
        text-align: left;
      }

      #popup5 { top: 300px; left: 350px; }
	  
	  #login_head {
	  	text-align: left; 
	  	width: 400px; 
	 	background: blue;
		
	   }	




/*  */
.std a {
 	text-decoration: none; 
	color: #666666;
  }
.std a:hover {
	text-decoration: none;
	font-weight: bold;
	color:#0066FF; 
	
	
}

#or_form {
	 font-size: 11px;
	 color: #666666; 
 }

#or_form ul {
	list-style-type: none;
	margin: 3px 0px 0px 10px; 
 }
 
#or_form li {
	list-style-type: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
 }

#textbox {
 	border: 1px solid #3499c8; 
 	height: 15px; 
 	padding-top: 3px; 
 	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 


/* FOR add_message_ticket.php */

 
#tic_header {
	background: url(../images/tic_head_back.png) no-repeat;
	margin: 20px 0px 0px 0px;
	height: 55px; 
	width: 800px; 
 }
 
#tic_body_content {
	background: url(../images/tic_back1.jpg) repeat-x;
	padding-bottom: 30px; 
	width: 796px; 
	border-left: 1px solid #CCCCCC;  
	border-right: 1px solid #CCCCCC; 
 }
 
#tic_body_content ul{
	list-style-type: none;
	margin: 0px;
	padding: 10px;  
	
 }


 
#tic_body_content li{
	list-style-type: none;
	 padding: 0px;
	 margin: 0px; 
 }
 
 
#tic_type_message {
	width: 796px;
	background: url(../images/tic_type_back.png) repeat-x;
	height: 150px; 
	border-left: 1px solid #CCCCCC;  
	border-right: 1px solid #CCCCCC; 
 }

#tic_type_message ul{
	text-align: left;
 	margin: 0px; 
	padding: 5px 0px 0px 0px;
	list-style-type: none; 
 }
 
#tic_type_message li{	
 	margin: 0px; 
	list-style-type: none; 
 }
 

#tic_footer {
	background: url(../images/drop1.jpg) repeat-x; 
	width: 795px;  
	height: 34px; 
	padding: 9px 5px 5px 0px; 
	color: #FFFFFF;
	text-align: right; 
	margin: 0px 0px 20px 0px; 
 }

#tic_footer a{
	text-decoration: none;
	color: #FFFFFF;
	
 }
 
#tic_footer a:hover{
	color: #CCCCCC;
	
 }

.font_smallest {
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
 }

.font_biggest {
	font-size: 14px;   
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
 }
 
 .font_regular {
 	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585959;
  }
  

/*************
START OF DEMO CSS 
**************/
#ads{
	width:730px;
	margin-top:10px;	
}

img{
	border:0px;
}
p{	
	margin-top:0px;
}
.clear{
	clear:both;
}
#mainContainer{

	margin:0 auto;
	padding: 0px;
	text-align:left;
		
}

/* CSS for my first scrolling box */
#scrollingContainer{
	width:238px;	/* 170 pixels in width */
	height:500px;	/* Height of box */

}


#scrollingContent{
	font-size:0.9em;
}
	
/* links back to home page */
a.liketext:link {
	color:#666666;
	text-decoration:none;
}
a.liketext:visited {
	color:#666666;
	text-decoration:none;
}
a.liketext:hover {
	color:#666666;
	text-decoration:none;
}
.tabs {
	color:#FCFCF5;
	text-align:center;
	font-family:verdana;
	background-color:#A90609;
	font-size:10px;
	vertical-align:text-top;
}
.copyright {
	font-size:11px;
	line-height:20px;
	color:#666666;
}
#bottomnav {
	font-size:12px;
	font-family:arial;
	font-weight:normal;
}
a#bottomnav {
	color:#CC0000;
	text-decoration:none;
}
a#bottomnav:hover {
	color:#CC0000;
	text-decoration:underline;
}
a#bottomnav:visited {
	color:#CC0000;
	text-decoration:none;
}
a#bottomnav:visited:hover {
	color:#CC0000;
	text-decoration:underline;
}