/*	-------------------------------------------------------------
	AL SAM GRAPHICS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Global Styles For SALCO
	Filename:		global.css
    Version:        2.0
	Date:			January - 19 - 2010
	Done by:		Prajith nair
	Company:        www.greenlemon.in
	-------------------------------------------------------------	
	-------------------------------------------------------------	*/

/*---------------------------------------------------- general styles -----------------------------------------------------------*/
html {height:100%;width:100%;}
body {font-family: Tahoma,Helvetica, sans-serif;	font-size:13px; background:#e1e1e1 url(../images/bg.jpg) top center repeat-x;	margin:0px;color:#353535;text-align:left;}
a {color:#fff; text-decoration:none;} 
input, select, ul, li, form, div, p {margin:0px;}
h1, h2, h3, h4, h5 {margin:0px;}
img{border:none;}
p{padding-bottom:5px;}
h1{ font-family:Tahoma,Helvetica, sans-serif; font-size:19px; color:#999a99; font-weight:normal ; padding-top:10px;}
h2{ font-family:Tahoma,Helvetica, sans-serif; font-size:15px ; color:#d9d9d9; font-weight:normal; padding-bottom:5px;}
h3{ font-size:25px; color:#18910f; font-weight:normal; margin-bottom:0px;}
h4{color:#50634f;font-size:20px;font-weight:normal; }
/*------------------------------------------------ end general styles -----------------------------------------------------------*/
.outer {width:960px;margin:auto;padding:0px 0px 0px 0px; background:url(../images/bgimage.jpg) top center no-repeat; }
.topcontainer{overflow:hidden;height:120px;}
.logo{float:left;  margin-top:25px;}
/*----------------------------------- menu -----------------------------------------------------------*/
#menu {height:32px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-top:88px;float:right; width:548x;}
#topmenu {list-style:none; text-align:left; margin:0px 0px 0px 15px; padding:0px; }
#topmenu li { float:left; background:url(../images/bg_topmenu_left.gif); margin:0px 0px 0px 0px; padding:0px;}
#topmenu li a {display:block; color:#dadbdc; border-right:#121212 solid 1px; padding:10px 28px 10px 24px; }
#topmenu li a:hover {background:url(../images/menu_a.gif) center; color:#000000;}
#topmenu li .active {background:url(../images/menu_a.gif); color:#000000;}
#topmenu li .left {background:#4C5192;}
#topmenu li .right {background:url(images/bg_topmenu_right.gif) right top no-repeat; border-right:none;}
#topmenu li .active:hover{
	background:url(../images/bg_topmenu_active_left.gif) !important;
}
.leftbg:hover{ background:url(../images/left.jpg) left top no-repeat !important}
.leftbg{ background:url(../images/left_a.jpg) left top no-repeat !important;  padding:10px 28px 10px 24px !important; display:block}
.leftbg_active{ background:url(../images/left.jpg) left top no-repeat !important;}
.first_menu {padding:0px !important;}
.right_menu {padding:0px !important;border:none !important}
.first_menu:hover{ background:url(../images/left.jpg) left top no-repeat !important;padding:10px 28px 10px 24px; display:block}
.second_menu {padding:0px !important; border:none !important; }
.rightbg:hover{ background:url(../images/right.jpg) right top no-repeat !important;display:block;}
.rightbg{ background:url(../images/right_a.jpg) right top no-repeat !important;  padding:10px 28px 10px 24px !important; display:block; border:none !important;}
.secmenu_active{ background:url(../images/bg_topmenu_active_left.gif) repeat-x;padding:10px 28px 10px 24px; display:block;border-right:1px solid #000}
.rightbg_active{ background:url(../images/right.jpg) right top no-repeat !important; }



/*----------------------------------- menu ends here-----------------------------------------------------------*/
.flash1{ margin-top:18px;}
.flash2{ margin-top:18px; float:right;}
.rightlinks{ background:url(../images/rightlinks.gif) no-repeat; height:275px; float:right; width:218px; margin-top:20px; padding:10px 10px 10px 15px; font-size:11px; color:#d9d9d9;}
.more{float:right; margin-top:5px;}
.more a:hover{text-decoration:underline;}
.txt{padding-top:105px;}
.cntnt{ width:705px;margin-top:10px;}
.btn{ background:url(../images/btn.gif) no-repeat;color:#FFFFFF; font-size:11px;width:80px; height:17px; padding:5px 0px 0px 15px;}
.btn a:hover{ background:#FF0000;}
.footer{background:url(../images/footerbg.gif) repeat-x; height:60px; padding-top:70px;}
.footerfix{ margin:auto; width:955px; padding-left:16px;}
.footerfix a{ margin-left:10px; margin-right:10px; color:#053102; font-size:11px;display:inline;}
.footerfix a:hover{color:#000000;} 
.company{ float:right;font-size:11px; padding-right:20px;}

/*----------------------------------- inside pages :: added by rajeesh ::-----------------------------------------------------------*/
.innerhead{ height:118px;background:url(../images/innerhead_bg.gif) right top no-repeat;margin-top:15px}
.innerhead h1{ color:#e1e1e1;padding:80px 0 0 24px;font-size:25px}
.subnav{ width:936px;height:43px;background:#FF0000 url(../images/subnav_bg.gif) repeat-x;padding-left:24px}
.subnav a{color:#000;display:block;float:left;padding:12px 17px 12px 53px}
.subnav a:hover{ background:#bebebe}
.subnav .intro a{ background:url(../images/sprite1.gif) 10px -120px no-repeat}
.subnav .intro a:hover{ background: #bebebe url(../images/sprite1.gif) 10px -182px no-repeat}
.subnav .act1 a{ background: #bebebe url(../images/sprite1.gif) 10px -182px no-repeat}

.subnav .mission a{ background:url(../images/sprite1.gif) 10px -3px no-repeat}
.subnav .mission a:hover{ background: #bebebe url(../images/sprite1.gif) 10px -59px no-repeat}
.subnav .act2 a{ background: #bebebe url(../images/sprite1.gif) 10px -59px no-repeat}

.subnav .vision a{ background:url(../images/sprite1.gif) 10px -247px no-repeat}
.subnav .vision a:hover{ background: #bebebe url(../images/sprite1.gif) 10px -315px no-repeat}
.subnav .act3 a{ background: #bebebe url(../images/sprite1.gif) 10px -315px no-repeat}

.subnav .qualitypol a{ background:url(../images/sprite1.gif) 10px -382px no-repeat}
.subnav .qualitypol a:hover{ background: #bebebe url(../images/sprite1.gif) 10px -442px no-repeat}
.subnav .act4 a{ background: #bebebe url(../images/sprite1.gif) 10px -442px no-repeat}

.main{ background:#e1e1e1;overflow:hidden;height:1%} 
.col1{width:577px;float:left;overflow:hidden;margin-left:27px;display:inline} 
.col2{width:303px;float:left;margin-left:27px;background:#fff url(../images/quickcntact_bg.gif) left bottom no-repeat} 
.main h1{ font-family:Tahoma,Helvetica, sans-serif; font-size:19px; color:#50634f; font-weight:normal ; padding:10px 0}
.main img{ float:left;border:5px solid #bcbebd;margin:0 10px 10px 0}
.col2 h1{font-family:Tahoma,Helvetica, sans-serif; font-size:19px; color:#50634f; font-weight:normal ;margin:29px 15px 0px 15px;padding:0px 0px 5px 35px;border-bottom:1px solid #e1e1e1;background:url(../images/qk_contact.gif) top left no-repeat } 

.quick_form{ margin:0 15px 35px 15px;font-size:11px}
.quick_form fieldset { margin:0; padding:0; border:none;}
.quick_form div{ padding:7px 0px 7px 0px}
.textfld{background:url(../images/txt_input.gif) 62px 10px no-repeat}
 label {float:left; width:56px; line-height: 200%; padding-right:1em; text-align:left; } 
.quick_form input{ width:169px; height:26px;border:none;padding:5px 12px 0 13px;background:none;}
.quick_form input:focus{outline:none}
.quick_form textarea{ outline:none}
.quick_form textarea:focus{ outline:none}
.button input{padding:0px;float:right;background:url(../images/qkbutton.gif) top left no-repeat;width:82px;height:23px;line-height:normal;font-size:10px;color:#FFF; cursor:pointer}