/* CSS Document for JSA Home Page */
/* Developed By: Mosaic ITES Services Pvt. Ltd. */
/* Dated: 15/03/11 */

/* Start Common Tags */

body { margin:0; padding:0; font: normal 12px Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) repeat-x;}

h1, h2, h3, p, ul, li, form { margin:0; padding:0;}

/* End Common Tags */

/* Start Common Css */

.wrapper { width:980px; margin:0 auto;}

.float_left { float:left;}

.float_right { float:right;}

.clear { clear:both; }

a { color:#830300; text-decoration:none;}

a:hover { color:#333; text-decoration:underline;}

/* End Common Css */


/* HEADER */

.header { height:121px;}

.logo { width:163px; height:86px; padding-top:21px;}

.menus { width:618px; height:40px; background:url(../images/menu-bg.gif) repeat-x; margin-top:81px;}

.menus ul { list-style:none;}

.menus li { float:left; background:url(../images/menu-seperator.gif) no-repeat top right;}

.menus li a { font: bold 12px/40px Arial, Helvetica, sans-serif; text-decoration:none; color:#333; padding:0 18px; display:block; }

.menus li a:hover { color:#870c05; }

.menus li.non { background-image:none;}

/* END HEADER */


/* BANNER */

.banner { width:980px; padding-top:5px;}

/* END BANNER */


/* MAIN CONTAINER */

.main_container { width:auto; padding-bottom:10px;}

/* END MAIN CONTAINER */


/* LEFT SIDE */

.leftside { width:676px; margin-right:41px; padding-top:10px;} 

.leftside h1 { font-size:18px; color:#870c05; font-weight:normal; border-bottom:1px solid #830400; padding:10px 0; margin-bottom:12px; } 

.leftside p { font-size:12px; color:#333; line-height:18px; padding-bottom:15px;}   

/* END LEFT SIDE */


/* RIGHT SIDE */

.rightside { width:263px; padding-top:10px;} 

.rightside h1 { font-size:18px; color:#870c05; font-weight:normal; border-bottom:1px solid #830400; padding:10px 0; margin-bottom:12px; } 

.rightside h1 span { float:right; }

.rightside h1 span a { font-size:11px; color:#fff; text-decoration:none; background:url(../images/more-bg.gif) no-repeat; display:block; width:44px; height:15px; text-align:center;}

.rightside h1 span a:hover { background:url(../images/more-bg-hover.gif) no-repeat;}   

/* ==== NEWS ==== */

.news { background:url(../images/dot-line.gif) repeat-x bottom; padding-bottom:10px; margin-bottom:10px;}

.news span.date { color:#830400; font-size:11px;}

.news span.heading { color:#333; font-size:11px; font-weight:bold; display:block; padding:4px 0;}

.news p { font-size:11px; color:#333;}

/* ==== END NEWS ==== */


/* ==== CONTACTS ==== */

.contacts { color:#333;}

.contacts span { padding-left:24px; display:block; padding-bottom:8px; }

.contacts span.phone { background:url(../images/icon-phone.gif) no-repeat;}

.contacts span.fax { background:url(../images/icon-fax.gif) no-repeat;}

.contacts span.email { background:url(../images/icon-email.gif) no-repeat;}
.contacts span.kedIn { background:url(../images/LinkedIn_IN_Icon_15px.jpg) no-repeat;}

.contacts a { color:#333; text-decoration:underline;}

.contacts a:hover { color:#870c05; text-decoration:none;}

.head { font: bold 15px Arial, Helvetica, sans-serif; padding-bottom:7px;}

/* ==== END CONTACTS ==== */

/* END RIGHT SIDE */



/* FOOTER */

.footer { border-top:1px solid #333; color:#535353; padding:15px 0 30px 0;}

.footer a { color:#535353; text-decoration:none; padding:0 3px;}

.footer a:hover { color:#830400; text-decoration:underline;}

/* END FOOTER */


/* INSIDE PAGE */

ul.check { margin:0; padding:0 0 10px 0;}

ul.check li { background:url(../images/check1.gif) no-repeat 0 4px; padding:0 0 10px 30px; list-style:none; font-size:12px; color:#333; line-height:18px;}

#content { width:auto; padding-top:10px;}

.td-head { background:#880d06; color:#fff; font-weight:bold;}

#content form { border-top: 1px solid #830400; padding-top:20px;}

#content form div.form_field{ margin-bottom:5px;}

#content form label { float:left; width:120px; font-weight:bold; color:#222;}

#content form input.input_text{ border:1px solid #555; width:170px; padding:3px 0px 3px 3px;}

/* END INSIDE PAGE */




















div#content div.contact

{

   border: 1px solid white; margin: 20px 0;

   background-color: #E5E5E5; background-image: url('images/contact-bottom.gif');

   background-repeat: no-repeat; background-position: bottom left;

}



div#content div.contact div.corner

{

   float: left; width: 25px; height: 12px; margin: 0; padding: 0;

   background-image: url('images/contact-top.gif');

   background-repeat: no-repeat; background-position: top left;

}

div#content div.contact p

{

   margin: 10px 10px 10px 40px; line-height: 1.5em;

}

div#content div.contact p.right

{

   

   display: block; float: right;

   margin: 2em 20px; padding: 1em 3em;

   border-left: 2px solid #8B0F07;

}
input {

	margin-top:2px;

	margin-bottom:2px;

	border:1px solid #999999;

}

form .lable {	

	width:150px;

	display:block;

	float:left;

	font-size:11px;

	text-transform:capitalize;

}
form textarea {

	width:178px;

	height:60px;

		border:1px solid #999999;

}

form .captcha {

	vertical-align:middle;

}

p.orderbutton

{

   display: block; float: right; height: 31px;

   margin: 6px 0 6px 6px; padding: 0;

   background-image: url('../images/order.gif'); background-position: left;

   background-repeat: no-repeat;

}







div#content p.orderbutton a

{

   display: block; float: left; height: 31px; margin: 0; padding: 0 10px;

   font-weight: bold; color: #333333; line-height: 31px;

   background-image: url('../images/order-right.gif'); background-position: right;

   background-repeat: no-repeat;

}

div#content p.orderbutton a:hover { text-decoration: none; }

div#content p.notfloated { float: left; margin: 0; }

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
line-height:auto;
color: #870C05;
}

 div.tradeassociation { padding: 2px 10px; }

 div.tradeassociation a img { border: 0; }

 div.tradeassociation h3 { font-size: 15px; padding-top: 6px; }

 div.tradeassociation p { margin: 6px 0; }
 
 div.stripe { background-color: #E5E3E4; }
 
 .leftside ul { margin:5px 0px 15px 20px;}
 
 .client-listing{font-size: 13px;}
 
 
 
 
 
 
 
