/*
----------------------------------------------------
				INDEX.PHP
-----------------------------------------------------
*/
/* CSS Document */

#sango-holder{
position: relative;
top: -30px;
}
/*
|---------------------------------------
|				HEADER
|---------------------------------------
*/
#sango-header{
position: relative;
width: 1000px;
height: 190px;

}
#logo{
position: relative;
left: 16px;
top: 9px;
}
#sango-official-website{
position: relative;
left: 101px;
top: 68px;
}
/*
|---------------------------------------
|			NAVIGATION MENU
|---------------------------------------
*/
#navigation-background{
position: relative;
top: -4px;
width: 1000px;
height: 70px;
background-image: url(../pictures/navigation-menu-background.png);
background-position: 2px 0px;
background-repeat: no-repeat;
text-align: left;
}
#navigation-option-position{
position: relative;
left: 24px;
}
#navigation-option{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
}
#navigation-option a{
text-decoration: none;
color: #000000;
}
#navigation-option a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #FFFFFF;
}
/*
|---------------------------------------
|			BODY CONTENT
|---------------------------------------
*/
#front-content{
position: relative;
top: -2px;
width: 1000px;
height: auto;
text-align: left;
}
/*
|---------------------------------------
|			NAVIGATION button
|---------------------------------------
*/
#button-position{
position: relative;
top: 0px;
}
#menu-link{
text-decoration: none;
cursor: pointer;
outline: none;
}
#menu-link img{
border: none;
}
#menu-button{
position: relative;
left: -2px;
top: -1px;
width: 265px;
height: 65px;
}
#gallery-button{
position: relative;
left: -2px;
top: -6px;
width: 265px;
height: 66px;
}
#blogs-button{
position: relative;
left: -2px;
top: -10px;
width: 265px;
height: 66px;
}
#stores-button{
position: relative;
left: -2px;
top: -14px;
width: 265px;
height: 66px;
}
#new-button{
position: relative;
left: -2px;
top: -14px;
width: 265px;
height: 66px;
}
/*
|---------------------------------------
|           NEWS ALERTS
|---------------------------------------
*/
#news_alert_holder{
position: relative; 
width: 264px; 
height: auto;
left: 0px;
top: 3px;
}
#new_alerts_top{
background-image: url(../pictures/index_news_top.png);
background-repeat: no-repeat;
border: 0px solid #ffcc00;
width: 260px;
height: 9px;
position: relative;
left: 0px;
}
#new_alerts_middle{
background-image: url(../pictures/index_news_middle.png);
background-repeat: repeat-y;
border: 0px solid #ffcc00;
width: 260px;
height: auto;
position: relative;
left: 0px;
}
#new_alerts_bottom{
background-image: url(../pictures/index_news_bottom.png);
background-repeat: no-repeat;
border: 0px solid #ffcc00;
width: 260px;
height: 9px;
position: relative;
left: 0px;
top: -2px;
}
#table_position{
text-align: left;
border: 0px solid #ffcc00;
position: relative;
left: 5px;
width: 250px;
height: auto;
}
.alert_header_style{
font-family: Arial;
font-size: 13px;
color: #444444;
font-weight: bold;
text-decoration: underline;
}
.alert_header_style:hover{
font-family: Arial;
font-size: 13px;
color: #ffcc00;
font-weight: bold;
text-decoration: none;
}
.alert_content_style{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444444;
font-weight: ;
text-decoration: none;
}
/*
|---------------------------------------
|			BODY BODY
|---------------------------------------
*/
#content-position{
position: relative;
top: 0px;
left: -10px;
}
#slideshow-holder{
width: 690px;
}
/*
|---------------------------------------
|			JQUERY SLIDE SHOW
|---------------------------------------
*/

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:343px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
/*
|---------------------------------------
|			JAPANESE RICE MEAL
|---------------------------------------
*/
#japanese-rice-meal{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
}
.prodpresentrow-style{
font-family: tahoma;
font-size: 14px;
color: #82963d;
}
.best_seller{
font-family: tahoma;
font-size: 20px;
color: #82963d;
text-decoration: underline;
}
/*
|---------------------------------------
|			SPECIAL CONTENT
|---------------------------------------
*/
#special-content{
position: relative;
top: -3px;
}
#special-meal{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
}

#link-holder{
position: relative;
top: 0px;
text-align: right;
width: 680px;
}
#link-see-more{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
font-weight: ;
}
#link-see-more a{
text-decoration: none;
color: #red;
}
#index_image{
border: 2px solid #ffcc00;
}
/*
|---------------------------------------
|			FOOTER
|---------------------------------------
*/
#footer{
position: relative;
top: 0px;
left: -7px;
width: 1000px;
height: 38px;
background-image: url(../pictures/footer-background.png);
background-position: center;
background-repeat: no-repeat;
text-align: center;
}
#footer-content{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: ;
}
/*
-----------------------------------------------------------------------------
								ABOUT US.PHP
-----------------------------------------------------------------------------
*/

/*
|---------------------------------------
|			BODY CONTENT
|---------------------------------------
*/
#front-content{                                          /*Body Height Background Adjust*/
position: relative;
top: -2px;
width: 1000px;
height: auto;
border: 0px solid #ffcc00;
text-align: left;
}
/*
|---------------------------------------
|			NAVIGATION button
|---------------------------------------
*/
#button-position{
position: relative;
top: 3px;
left: -2px;
}
.menu-link{
outline: none;
text-decoration: none;
cursor: pointer;
}
.menu-link img{
border: none;
}

/*
|---------------------------------------
|			about us content
|--------------------------------------
*/
#about-us-content{
width: 680px;
height: 0px;
position: relative;
top: 3px;
left: -10px;
}
#upper-background{
background-image: url(../img/contact-us-bgupper.png);
width: 680px;
height: 9px;
background-repeat: no-repeat;
}
#middle-background{                                    /*Middle Background Adjust*/
background-image: url(../img/contact-us-bgmiddle.png);
width: 680px;
height: auto;
background-repeat: repeat-y;
border: 0px solid #ffcc00;
text-align: left;
}
#lower-background{
background-image: url(../img/contact-us-bglower.png);
width: 680px;
height: 10px;
background-repeat: no-repeat;
}
#company-profile-holder{
width: 660px;
height: 0px;
position: relative;
border: 0px solid #ffcc00;
left: 5px;
}
#left-panel{
width: 180px;
}
#right-panel{
width: 465px;
position: relative;
left: -5px;
}
/*Left Panel*/
#left-panel-top-background{
background-image: url(../img/left-panel-top-background.png);
width: 195px;
height: 14px;
background-repeat: no-repeat;
}
#left-panel-middle-background{
background-image: url(../img/left-panel-middle-background.png);
width: 195px;
height: 480px;
background-repeat: repeat-y;
}
#left-panel-bottom-background{
background-image: url(../img/left-panel-bottom-background.png);
width: 195px;
height: 16px;
background-repeat: no-repeat;
}
#right-panel-top-background{
background-image: url(../img/right-panel-top-background.png);
width: 460px;
height: 16px;
background-repeat: no-repeat;
}
#right-panel-middle-background{										/*right-panel-middle-background adjust*/
background-image: url(../img/right-panel-middle-background.png);
width: 460px;
/*height: auto;*/
background-repeat: repeat-y;
border: 0px solid #ffcc00;
}
#right-panel-bottom-background{
background-image: url(../img/right-panel-bottom-background.png);
width: 460px;
height: 16px;
background-repeat: no-repeat;
}
#profile-header-position{
position: relative;
left: 10px;
width: 440px;
/*border: 1px solid #ffcc00;*/
}
#profile-header{
font-family: tahoma;
font-size: 18px;
color: #B38F00;
}
.profile-description{
font-family: tahoma;
font-size: 13px;
color: #666666; /* B38F00 777777 */
}
#panel-logo-position{
position: relative;
top: 0px;
left: 2px;
}


/*
|---------------------------------------
|			JQUERY SLIDE SHOW FRAME 1
|---------------------------------------
*/
#slideshow-holder-frame1{
width: 190px;
}

.clear-frame1{
	clear:both
}

#gallery-frame1{
	position:relative;
	height: 124px;
	border: 0px solid #ffcc00;
}
	#gallery-frame1 a{
		float:left;
		position: absolute;
		left: -2px;
	}
	
	#gallery-frame1 a img{
		border:1px solid #ffcc00;;
	}
	
	#gallery-frame1 a.show-frame1{
		z-index:500
	}

	
/*
|---------------------------------------
|		JQUERY SLIDE SHOW FRAME 2
|---------------------------------------
*/
#slideshow-holder-frame2{
width: 190px;
}

.clear-frame2{
	clear:both
}

#gallery-frame2{
	position:relative;
	height: 122px
}
	#gallery-frame2 a{
		float:left;
		position: absolute;
		left: -2px;
	}
	
	#gallery-frame2 a img{
		border:1px solid #ffcc00;
	}
	
	#gallery-frame2 a.show-frame2{
		z-index:500
	}
	/*
|---------------------------------------
|		JQUERY SLIDE SHOW FRAME 3
|---------------------------------------
*/
#slideshow-holder-frame3{
width: 190px;
}

.clear-frame3{
	clear:both
}

#gallery-frame3{
	position:relative;
	height: 122px
}
	#gallery-frame3 a{
		float:left;
		position: absolute;
		left: -2px;
	}
	
	#gallery-frame3 a img{
		border: 1px solid #ffcc00;
	}
	
	#gallery-frame3 a.show-frame3{
		z-index:500
	}
/*
|---------------------------------------
|				MILE STONE
|---------------------------------------
*/
#History-header{
font-family: tahoma;
font-size: 18px;
color: #B38F00;
}
#date{
font-family: tahoma;
font-size: 11px;
color: #777777;
font-weight: bold;
width: 35px;
text-align: left;
vertical-align: top;
}
#month{
font-family: tahoma;
font-size: 11px;
color: #777777;
width: 65px;
text-align: left;
vertical-align: top;
}
#year_desc{
font-family: tahoma;
font-size: 11px;
color: #777777;
text-align: left;
vertical-align: top;
}

/*
-----------------------------------------------------------------------------------------------
							SERVICES.PHP
-----------------------------------------------------------------------------------------------
*/

/*
|---------------------------------------
|			Services Content
|--------------------------------------
*/
#services-content{
width: 680px;
height: auto;
position: relative;
top: 3px;
left: -10px;
}
#upper-background{
background-image: url(../img/contact-us-bgupper.png);
width: 680px;
height: 9px;
background-repeat: no-repeat;
}
#middle-background{
background-image: url(../img/contact-us-bgmiddle.png);
width: 680px;
height:auto;
background-repeat: repeat-y;
text-align: left;
}
#lower-background{
background-image: url(../img/contact-us-bglower.png);
width: 680px;
height: 10px;
background-repeat: no-repeat;
}
/*------Image Jquery--------*/
.absolute-image{
/*position: absolute;
float: left;*/
}
#services-image-holder{
text-align: left;
width: auto;
height: auto;
border: 1px solid #ffcc00;
}
#service-frames{
position: relative;
left: 0px;
}
#services-table-holder{
position: relative;
left: 5px;
}
#services-content-page{
height: auto;
width: auto;
}
#services{
text-align: left;
vertical-align: top;
}
#services-links{
border-left: 1px dashed #999999;
height: 460px;
}
#services-header-holder{
border: 0px solid #ffcc00;
height: 35px;  
}
#services-header-position{
position: relative;
left: 5px;
}
#services-header{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FF9900;
font-weight: ;
}
.services-offered-option{
border: 0px solid #ffcc00;
height: auto;
margin-top: 10px;
}
.header-option-holder{
border: 0px solid #ffcc00;
height: auto;
position: relative;
left: 5px;
width: 400px;
}
.option-header{
font-family: tahoma;
font-size: 13px;
color: #666666;
font-weight: bold;
}
.description-option-holder{
border: 0px solid #ffcc00;
position: relative;
left: 5px;
width: 450px;
}
.option-description{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
}
										/*-----------------------LINK-------------------------------*/
#service-link-support{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #CC6633;
font-weight: bold;
}
.branch-style{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FF6600;
cursor: pointer;
}
.branch-style:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FF6600;
cursor: pointer;
text-decoration: underline;
}
.number{
position: relative;
top: 5px;
left: 10px;
}
.number_header{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003366;
font-weight: bold;
}
.number-style{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #336699;
font-weight: bold;
}
.cmpclsselect {
text-align:left;
font-family: arial;
font-size: 9px;
color: #663300;
width: 145px;
height: 20px;
}
.cmpclsselect option {
font-family: Arial;
font-size: 9px;
color: #cc9933;
}

/*
-------------------------------------------------------------------------
								CAREER 
-------------------------------------------------------------------------
*/
/*
|---------------------------------------
|			Career Contents
|---------------------------------------
*/
#career-content{
width: 680px;
height: 0px;
position: relative;
top: 3px;
left: -10px;
}
#upper-background{
background-image: url(../img/contact-us-bgupper.png);
width: 680px;
height: 9px;
background-repeat: no-repeat;
}
#middle-background{
background-image: url(../img/contact-us-bgmiddle.png);
width: 680px;
height: auto;
background-repeat: repeat-y;
text-align: left;
}
#lower-background{
background-image: url(../img/contact-us-bglower.png);
width: 680px;
height: 10px;
background-repeat: no-repeat;
}
#middle-background-position{
position: relative; 
left: 5px;
}
#career-content-holder{
width: 670px;
}
#sango-careers{
width: 500px;
background-color: ;
height: auto;
border: 0px solid #ffcc00;
}
#support-links{
width: 150px;
background-color: ;
height: 375px;
border-left: 1px dashed #CCCCCC;
}
#sango-career-header{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #444444;
font-weight: ;
}
#career-sango-holder{
width: 500px;
}
#career-header-words{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
font-weight:  ;
}
#div-sango-holder{
border: 1px solid #999999;
width: 500px;
}
#frame1{
width: 242px;
text-align: left;
}
#style1{
font-family: arial;
font-size: 16px;
color: #1a5680;
font-weight: 800;
}
.career_link{
text-decoration: underline;
}
.career_link:hover{
text-decoration: none;
}
#style2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
#how-help-you{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
font-weight: bold;
}
#image_service_pic{
border: 1px solid #888888;
}
/*
------------------------------------------------------------------------------
						CAREER FINDER
------------------------------------------------------------------------------
*/
/*
--------------------------------------------

--------------------------------------------
*/
#contact-content{
width: 680px;
height: auto;
position: relative;
top: 3px;
left: -10px;
}
#upper-background{
background-image: url(../img/contact-us-bgupper.png);
width: 680px;
height: 9px;
background-repeat: no-repeat;
}
#middle-background{
background-image: url(../img/contact-us-bgmiddle.png);
width: 680px;
height:auto;
background-repeat: repeat-y;
text-align: left;
}
#lower-background{
background-image: url(../img/contact-us-bglower.png);
width: 680px;
height: 10px;
background-repeat: no-repeat;
}
.carreer_holder{
width: 80%;
border: 2px solid #999999;
font-family: tahoma;
font-weight: bold;
font-size: 16px;
color: #494949;
text-align: center;
}
.career_1{
width: 80%;
border: 2px solid #999999;
margin-top: -2px;
height: auto;
overflow: auto;
margin-bottom: 40px;
}
.career_1 ul{
margin-top: 20px;
margin-bottom: 20px;
}
.career_1 li{
font-family: tahoma;
font-size: 14px;
color: #494949;
text-align: left;
}
.remainder_holder{
margin-top: 10px;
margin-bottom: 20px;
}
.reminder_career_finder{
font-family: tahoma;
font-size: 13px;
color: #494949;
}
.human_resources_holder{
width: 80%;
margin-bottom: 20px;
}
.human_resources_holder td{
font-family: tahoma;
font-size: 12px;
color: #494949;
}
.no_available_holder{
margin-bottom: 20px;
}
.no_available{
font-family: tahoma;
font-size: 13px;
color: #494949;
}
.hr_header{
font-family: tahoma;
font-size: 13px;
color: #494949;
font-weight: bold;
width: 12%;
text-align: right;
}
.hr_desc{
font-family: tahoma;
font-size: 13px;
color: #494949;
text-align: left;
}
/*
-------------------------------------------------------------------
						CONTACT US.PHP
-------------------------------------------------------------------
*//*
|---------------------------------------
|			CONTACT CONTENT
|---------------------------------------
*/
#contact-content{
width: 680px;
height: auto;
position: relative;
top: 3px;
left: -10px;
}
#upper-background{
background-image: url(../img/contact-us-bgupper.png);
width: 680px;
height: 9px;
background-repeat: no-repeat;
}
#middle-background{
background-image: url(../img/contact-us-bgmiddle.png);
width: 680px;
height:auto;
background-repeat: repeat-y;
text-align: left;
}
#lower-background{
background-image: url(../img/contact-us-bglower.png);
width: 680px;
height: 10px;
background-repeat: no-repeat;
}
#contact-us-content{
text-align: center;
}
#address-header{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
}
#contactinformation-holder{
border: 0px solid #ffcc00;
width: 500px; 
height: auto; 
position: relative; 
left: 50px;
}
#contactinformation-word{
font-family: Arial;
font-size: 14px;
color: #666666;
font-weight: bold;
}
.philvending{
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #ffcc00;
height: 18px;
border: 0px solid #ffcc00;

}
.location-style-description{
font-family: Arial;
font-size: 13px;
color: #666666; 
}
#address-style{
font-family: Arial;
font-size: 13px;
color: #666666;
font-weight: bold;
}
.location-style-description-number{
border: 0px solid #ffcc00;
height: 40px;
position: relative;
left: 10px;

}
#phone-style{
font-family: Arial;
font-size: 12px;
color: #666666;
font-weight: bold;
}
.number-style{
font-family:Arial;
font-size: 11px;
font-weight: ;
color: #666666;
}
#address-position{
position: relative;
left: 10px;
}
/*
------------------------------------------------------------------------
							MENU.PHP
------------------------------------------------------------------------
*/
/*
|---------------------------------------
|			MENU CONTENT
|---------------------------------------
*/
#menu_content{
width: 680px;
height: 0px;
position: relative;
top: 3px;
left: -10px;
}
#upper-background{
background-image: url(../img/contact-us-bgupper.png);
width: 680px;
height: 9px;
background-repeat: no-repeat;
}
#middle-background{
background-image: url(../img/contact-us-bgmiddle.png);
width: 680px;
height: auto;
background-repeat: repeat-y;
text-align: left;
}
#bottom-background{
background-image: url(../img/contact-us-bglower.png);
width: 680px;
height: 10px;
background-repeat: no-repeat;
}
/* slide picture style*/
/* Slideshow style rules */
#slideshow {
margin:0 auto;
width:640px;
height:138px;
background:transparent url(../img/slide-picture-test-bg.png) no-repeat 0 0;
position:relative;
}
#slideshow #slidesContainer {
margin:0 auto;
width:580px;
height:138px;
overflow:auto; /* allow scrollbar */
position:relative;
left: -14px;
}
#slideshow #slidesContainer .slide {
position:relative;
left: -20px;
margin:0 auto;
width:300px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
height:138px;
}

/* Slideshow controls style rules. */

.control {
display: block;
width:39px;
height:138px;
text-indent: -10000px;
position:absolute;
cursor: pointer;
}

#leftControl {
position: absolute;
top:0px;
left:-13px;
background:transparent url(../img/new-left-button.png) no-repeat 0 0;
}

#rightControl {
position: absolute;
top:0px;
left: 600px;
background:transparent url(../img/new-right-button.png) no-repeat 0 0;
}
#slide-picture-position{
position: relative;
left: 15px;
border: 0px solid #ffcc00;
width: 658px;
height: auto;
}
/*---- text style ----*/
#slidepicture-selectionpicture{
position: relative;
top: 25px;
}
.text-style1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FF9900;
}
#food-description{
position: relative;
left: 0px;
top:8px;
}
#about-this-image{
position: relative;
left: 0px;
top: -3px;
}
#line-break-above{
width: 654px;
color: #999999;
}
#line-break-below{
position: relative;
top: 9px;
width: 654px;
color: #999999;
}
#link-style{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF9933;
text-decoration: underline;
}
#link-menu-position{
width: 650px;
text-align: center;
position: relative;
left: 3px;
}
#link-style:hover{
color: #666666;
text-decoration: none;
}
#selected-food-description{
width: 600px;
height: 150px;
position: relative;
left: 30px;
top: 17px;
}
.image-style{
float: left; 
width: 200px; 
height: 180px; 
position: absolute; 
left: 3px;
}
.image-description-style{
float: left;
position: relative; 
left: 215px; 
width: 350px;
border: 0px solid #ffcc00;
}
#selected-text-style{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
}
/*-----Jquery selection-----*/
.name-selected{
position: absolute;
float: left;
}
.image-size{
width: auto;
height: auto; /*180px*/
border: 1px solid #ffcc00;
}
.image-selection-position{
position: absolute;
float: left;
}
/*
----------------------------------------------------------------------
						GALLERY PHP
----------------------------------------------------------------------
*/

/*
|---------------------------------------
|			gallery content
|---------------------------------------
*/
#contact-content{
width: 680px;
height: 0px;
position: relative;
top: 3px;
left: -10px;
}
#upper-background{
background-image: url(../img/contact-us-bgupper.png);
width: 680px;
height: 9px;
background-repeat: no-repeat;
}
#middle-background{
background-image: url(../img/contact-us-bgmiddle.png);
width: 680px;
height: auto;
background-repeat: repeat-y;
}
#middle-background-content{
height:496px;
width: 670px;
}
#gallery-link{
height: 60px;
width: 397px;
}
/*
|-----------------------------------------------
|					pagelink1
|-----------------------------------------------
*/
#page-link1{
background-image: url(../img/bg-gallery-link1.png);
background-repeat: no-repeat;
width: 126px;
height: 60px;
float: left;
text-align: center;
position: relative;
left: -3px;
}
#page-link1 a{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
}
#page-link1 a:hover{
text-decoration: none;
font-weight: bold;
color: #000000;
}


#gallery-background{
width: 650px;
height: 500px;
}
#lower-background{
background-image: url(../img/contact-us-bglower.png);
width: 680px;
height: 10px;
background-repeat: no-repeat;
}
/*
|-------------------------------------------------------------
|						Image Galler
|-------------------------------------------------------------
*/
.image
  {
  margin-right: 20px;
  margin-bottom: 10px;
  border:0px solid #ffcc66;
  height: 150px; /*142*/
  width: 200px;
  float:left;
  text-align: center;
  position: relative;
  left: 6px;
  top: 5px;
  }

.image img
  {
  display:inline;
  margin:3px;
  cursor: pointer;  
  }
 .image img:hover{
 height: auto;
 width: 195px;
 }

.desc
  {
  /*border:1px solid #99cc99;*/
  text-align:center;
  font-weight:normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #cc9933;
  width:198px;
  margin:2px;
  position: relative;
  top:5px;
  border: 1px solid #333333;
  }
 .gallery_option_frame{
  border: 0px solid #333333;
  width: 200px;
  height: 200px;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
 }
 .gallery_option_desc{
 width: 100%;
 border: 0px solid #ffcc00;
 margin-top: 10px;
 }
 .gallery_option_pic{
  border: 0px solid #ffcc00;
  margin-top: 10px;  
 }
 .option_desc_anchor{
  font-family: tahoma;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
 }
 .option_desc_anchor:hover{
  font-family: tahoma;
  font-size: 18px;
  color: #ffcc00;
  font-weight: bold;
  text-decoration: none;
 }
.gallery_option_pic img{
  width: 200px;
  height: auto;
}
.gallery_option_pic img:hover{
  width: 195px;
  height: auto;
}
/*
|-----------------------------------------------------------------------------------------
|						Paging Link
|-----------------------------------------------------------------------------------------
*/
#paginglink{
text-align: center;
width: 380px;
height: 40px;
/*border: 1px solid #ffcc00;*/
}
.nextpage{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color: #003399;
font-weight: bold;
text-decoration: none;
}
.nextpage:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffcc00;
font-weight: bold;
text-decoration: underline;
}
#tobeselected{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #003399;
text-decoration: none;
}
#tobeselected:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #ffcc00;
text-decoration: underline;
}
#selected-number{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #cc3333;
font-weight: bold;
text-decoration: none;
}
.prevnext{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #003399;
text-decoration: none;
}
.prevnext:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-decoration: underline;
color: #ffcc00;
}
/*
|-----------------------------------------------------------------------------------------
|						border
|-----------------------------------------------------------------------------------------
*/
#gallery-link1{
position: relative;
top: -7px;
}
#gallery-border-top{
background-image: url(../img/gallery-border-top1.png);
background-repeat: no-repeat;
height: 21px;
width: 650px;
}
#gallery-border-middle{
background-image: url(../img/galler-border-middle1.png);
background-repeat: repeat-y;
height: 480px;
width: 650px;
}
#gallery-border-bottom{
background-image: url(../img/gallery-border-bottom1.png);
background-repeat: no-repeat;
width: 650px;
height: 14px;
}



/*
|---------------------------------------
|				Jquery PopUp window
|---------------------------------------
*/
#productname{
width: 100%;
height: 450px;
background-image: url(../pictures/middle_popup.png);
background-repeat: repeat-y;
margin-top: -2px;

}
#popupimg{
position: relative;
left: 50px;
top: 14px;
width:550px;
height: auto;
border: 1px solid #ffcc00;
}
#caption{
border: 1px solide #000000;
position: absolute;
margin: 60px 0px 0px -12px;
width: 674px;
height: 128px;
background-color: #000000;
opacity: 0.8;
filter: alpha(opacity=80);
}
#popup_description_holder{
position: relative;
top: 20px;
left: 75px;
width: 530px;
height: auto;
border: 0px solid #ffcc00;
}
#popup_description{
position: absolute;
font-family: arial;
font-size: 13px;
color: #ffffff;
font-weight: bold;
}
.close_holder{
height: 50px;
width: 600px;
background-image: url(../pictures/header_part.png);
background-repeat: no-repeat;
}
.popup_bottom{
width: 100%;
height: 14px;
background-image: url(../pictures/bottom_popup.png);
}
/*
|---------------------------------------
|				pic 1
|---------------------------------------
*/
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height: 500px;
width:600px;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContactClose{
font-size:15px;
line-height:14px;
right:6px;
top:4px;
font-family: tahoma;
color:#6fa5fd;
display:block;
cursor: pointer;
width: 37px;
height: 33px;
position: absolute;
right: 22px;
top: 20px;
vertical-align: middle;
background-image: url(../pictures/x_button1.png);

}
#popupContactClose:hover{
font-size:15px;
line-height:14px;
right:6px;
top:4px;
font-family: tahoma;
color:#6fa5fd;
display:block;
cursor: pointer;
width: 37px;
height: 33px;
position: absolute;
right: 22px;
top: 20px;
vertical-align: middle;
background-image: url(../pictures/x_button.png);

}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
width:100%;
top:0;
left:0;
background:#000000;
z-index:1;
}
/*
-----------------------------------------------------
            Class Gallery
-----------------------------------------------------
*/
.header{
/*position: relative;*/
/*top: 350px;*/
/*left: 150px;*/
position: relative;
top: -30px;
width: 287px;
height: 100px;
/*background-image: url(../pictures/popup_sango.png);*/ 
/*background-repeat: no-repeat;*/
border: 0px solid #ffcc00;

}
.popup_name{
font-family: Century Gothic;
font-size: 30px;
color: #ffcc00;
font-weight: bold;
border: 0px solid #ffcc00;
margin-left: 10px;
/*position: absolute;*/
/*top: -50px;*/
}
.image_popup{
border: 1px solid #ffcc00;
z-index: -100;
}
.price_table{
position: relative;
top: -100px;
left: 64px;
/*border: 1px solid #ffcc00;*/
width: auto;
}
.price_header{
font-family: tahoma;
font-size: 22px;
color: #82963d;

}
.actual_price{
font-family: tahoma;
font-size: 20px;
color: #82963d;

}
/*
-------------------------------------------------------------------------
						BLOG PHP
-------------------------------------------------------------------------
*/
/*
|---------------------------------------
|			BLOGS CONTENT
|---------------------------------------
*/
#blog_content{
width: 680px;
height: 0px;
position: relative;
top: 3px;
left: -10px;
}
#upper-background{
background-image: url(../img/contact-us-bgupper.png);
width: 680px;
height: 9px;
background-repeat: no-repeat;
}
#middle-background{
background-image: url(../img/contact-us-bgmiddle.png);
width: 680px;
height: auto;
background-repeat: repeat-y;
text-align: left;
}
#lower-background{
background-image: url(../img/contact-us-bglower.png);
width: 680px;
height: 10px;
background-repeat: no-repeat;
}
#blogsholder{
position: relative;
left: 20px;
border: 0px solid #ffcc00;
width: 600px;
}
#headerholder{
position: relative;
left: 20px;
top: 5px;
border: 0px solid #ffcc00;
height: 60px;
}
#word-header{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 27px;
color: #666666;/*6fa5fd*/
text-align: left;
}
.blog_link1_header{
position: relative;
left: 0px;
top: 0px;
height: 20px;
border: 0px solid #ffcc00;
}
#link1-style{
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #6fa5fd;
font-weight: bold;
}
#link1-style:hover{
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #ffcc00;
}
#blog_author_name_holder{
position: relative;
top: 0px;
left: 0px;
border: 0px solid #ffcc00;
height: 16px; 
}
#blog_author_name{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-align:left;
}
#blog_content_holder{
border: 0px solid #ffcc00;
width: 530px;
}
#blog_initial_content{
font-familY: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-align: left;
}
#blog_initial_content strong{
font-size: 11px; 
font-weight: 
bold; color: #333333;
}
#blog_website_style_holder{
border: 0px solid #ffcc00;
height: 35px;
width: 600px;
}
#blog_website_style{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: green;
text-decoration: none;
}
#blog_website_style:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #004D00;
text-decoration: underline;
}
/*
--------------------------------------------------------------------
							NEWS PHP
--------------------------------------------------------------------
*/
/*
|---------------------------------------
|			NEWS CONTENT
|---------------------------------------
*/
#blog_content{
width: 680px;
height: 0px;
position: relative;
top: 3px;
left: -10px;
}
#upper-background{
background-image: url('../img/contact-us-bgupper.png');
width: 680px;
height: 9px;
background-repeat: no-repeat
}
#middle-background{
background-image: url('../img/contact-us-bgmiddle.png');
width: 680px;
height: auto;
background-repeat: repeat-y;
text-align: left
}
#middle-background1{
background-image: url('../img/contact-us-bgmiddle.png');
width: 680px;
height: 470px;
background-repeat: repeat-y;
text-align: left
}
#lower-background{
background-image: url('../img/contact-us-bglower.png');
width: 680px;
height: 10px;
background-repeat: no-repeat
}
#news_holder{
position: relative;
left: 5px;
border: 0px solid #ffcc00;
width: 670px;
height: auto;
}
#content_style_holder{
position: relative;
left: 0px;
border-right: 0px dashed #ffcc00;
width: 420px;
height: auto;
}
#side_content_style_holder{
border-bottom: 0px dashed #ffcc00;
width: 210px;
height: auto;
}
.header_style{
font-family: Arial;
font-weight: bold;
font-size: 22px;
color: #5c90d7;
border: 0px solid #ffcc00;
width: 100%;
text-align: left;
}
.header_style1{
border: 0px solid #ffcc00;
margin-bottom:3px;
margin-top: 10px;
}
.header_style1 a{
font-family: Arial;
font-weight: bold;
font-size: 16px;
color: #5c90d7;
text-decoration: none;
}
.header_style1 a:hover{
font-family: Arial;
font-weight: bold;
font-size: 16px;
color: #fc1402;
text-decoration: none;
}
.header_position{
position: relative;
left: 5px; 

}
.image_1_position{
margin-top: 10px;
width: 422px; /* 100% 420px */
height: 262px;
border: 1px solid #ffcc00;
}
.img_float{

}
.longdescription{
font-family: Arial;
font-size: 12px;
color: #555555;
width: 95%;
margin-top: 10px;
}
.small_pic_holder{
margin-top: 10px;
border: 0px solid #ffcc00;
width: 100%;
}
.border_image{
border: 1px solid #cccccc;
}
.pic_desc_style{
font-family: tahoma; 
font-size: 11px; 
color: #999999;
border: 0px solid #ffcc00;
margin-top: 10px;
text-align: center;
cursor: pointer;
}
.hr_width{
margin-top: 20px;
width: 100%;
}
.date_holder{
text-align: left;
font-family: arial;
font-size: 11px;
color: #999999;
margin-bottom: 10px;
}
#image_selection{
border: 1px solid #555555;
width: 200px;
height: 124px;
cursor: pointer;
}
#img_size{
width: 200px;
height: 124px;
}
.image_overflow{
width: 100%;
height: 400px;
border: 1px solid #999999;
overflow: auto;
padding-top: 10px;
padding-bottom: 20px;
}
.pic_image_style{
text-align: center;
margin-top: 2px;
cursor: pointer;
border: 1px solid #ffcc00;
width: 202px;
height: 137px;
margin-left: 5px;
}
.select_change_style{
border: 0px solid #ffcc00;
width: 100%;
height: 301px;
}
#word-header{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 27px;
color: #666666;/*6fa5fd*/
text-align: left;
}
.back_button{
font-family: Arial;
font-size: 12px;
color: #5c90d7;
text-decoration: none;
}
.back_button:hover{
font-family: Arial;
font-size: 12px;
color: #fc1402;
text-decoration: underline;
}