/* Force 21
Last Updated on Nov 27, 2008
Created & Modified by SELVAKUMAR & SUMATHI */

body {
background:#938348 url(../force21Images/pattern.jpg) repeat scroll left top;
font-family:"Trebuchet MS", Verdana, Tahoma;
background-color:#20281B;
margin:0;
padding:0;
}

.headerBackground {
background:url(../force21Images/headerTop.jpg) no-repeat scroll center top;
width:100%;
float:left;
margin:0;
padding:0;
}

.container {
width:960px;
margin:0 auto;
padding:0;
}

.header {
background:url(../force21Images/headerRight.jpg) no-repeat scroll center top;
float:left;
width:960px;
height:283px;
margin:0;
padding:0;
}

.headerLogo {
float:left;
width:919px;
height:198px;
margin:0;
padding:0 0 0 41px;
}

img {
border:none;
}

form {
	padding: 0px;
	margin: 0px;
}
.headermenu {
float:left;
width:960px;
height:57px;
margin:0;
padding:28px 0 0;
}

.mainMenus {
width:633px;
height:57px;
float:left;
margin:0;
padding:0;
}

.mainMenus ul {
position:relative;
width:633px;
height:57px;
float:left;
background-image:url(../force21Images/menu.jpg);
margin:0;
padding:0;
}

.mainMenus ul li {
list-style:none;
position:absolute;
top:0;
float:left;
margin:0;
padding:0;
}

.mainMenus ul li,.mainMenus a {
display:block;
height:57px;
border-bottom:0;
}

.mainMenus ul li a {
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
padding:0;
}

.mM1 {
left:0;
top:0;
width:86px;
}

.mM2 {
left:86px;
top:0;
width:110px;
}

.mM3 {
left:196px;
top:0;
width:113px;
}

.mM4 {
left:305px;
top:0;
width:95px;
}

.mM5 {
left:420px;
top:0;
width:98px;
}

.mM1 a:hover {
background:url(../force21Images/menu.jpg) 0 -57px no-repeat;
border-bottom:0;
overflow:hidden;
}

.mM2 a:hover {
background:url(../force21Images/menu.jpg) -86px -57px no-repeat;
border-bottom:0;
overflow:hidden;
}

.mM3 a:hover {
background:url(../force21Images/menu.jpg) -196px -57px no-repeat;
border-bottom:0;
overflow:hidden;
}

.mM4 a:hover {
background:url(../force21Images/menu.jpg) -305px -57px no-repeat;
border-bottom:0;
overflow:hidden;
}

.mM5 a:hover {
background:url(../force21Images/menu.jpg) -420px -57px no-repeat;
border-bottom:0;
overflow:hidden;
}

.mM1a {
left:0;
width:86px;
background:url(../force21Images/menu.jpg) 0 -57px no-repeat;
border-bottom:0;
}

.mM2a {
left:86px;
width:110px;
background:url(../force21Images/menu.jpg) -86px -57px no-repeat;
border-bottom:0;
}

.mM3a {
left:196px;
width:113px;
background:url(../force21Images/menu.jpg) -196px -57px no-repeat;
border-bottom:0;
}

.mM4a {
left:305px;
width:95px;
background:url(../force21Images/menu.jpg) -305px -57px no-repeat;
border-bottom:0;
}

.mM5a {
left:420px;
width:98px;
background:url(../force21Images/menu.jpg) -420px -57px no-repeat;
border-bottom:0;
}

.content {
float:left;
width:960px;
background-attachment:scroll;
background-image:url(../force21Images/contentHeaderRight.jpg);
background-repeat:no-repeat;
background-position:right top;
background-color:#20281B;
margin:0;
padding:0;
}
.breadcrumb {
	padding: 0 0 15px;
	margin: 0;
	width:656px;	
	float: left;
	color: #FFFFFF;
	font-size: 12px;
}
.breadcrumb a {
	color: #8F7F4B;
	text-decoration: none;
}
.breadcrumb a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.content p {
color:#FFF;
font-size:13px;
font-weight:400;
line-height:19px;
text-align:justify;
margin:0;
padding:0 65px 25px 0;
}

.content p a {
color:#C8B885;
text-decoration:underline;
font-weight: bold;
}

.contentLeft {
float:left;
width:656px;
margin:0;
padding:24px 0 0 24px;
}

.contentLeftRow1 {
float:left;
width:656px;
margin:0;
padding:0 0 15px;
}

.contentRight {
float:left;
width:280px;
margin:0;
padding:0;
}

.contentLeft h1 {
font-size:18px;
color:#FFF;
font-weight:700;
font-variant:small-caps;
margin:0;
padding:5px 0 14px;
}

.contentLeft h2 {
font-size:15px;
color:#8F7F4B;
font-weight:700;
font-variant:small-caps;
text-decoration:underline;
margin:0;
padding:5px 60px 15px 0px;
text-align: left;
}

.contentLeft h2 a {
	color:#C8B885;
	line-height: 16px;
	text-decoration: underline;
}
.contentLeft h2 a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
.contentLeft h3 {
color:#90804D;
font-weight:700;
font-size:16px;
font-variant:small-caps;
margin:0;
padding:0 0 11px;
}

.contentLeft h4 {
color:#FFF;
font-size:13px;
line-height:19px;
font-weight:700;
margin:0;
padding:0 65px 10px 0;
}

.contentRight h3 {
margin:0;
padding:0;
}

.agenciesPad {
float:left;
width:280px;
margin:0;
padding:50px 0 0;
}

.force21map {
padding-top:10px;
float:left;
margin:0;
}

.contentFoter {
background:url(../force21Images/contentFooter.jpg) no-repeat scroll left top;
float:left;
height:15px;
width:960px;
margin:0;
padding:0;
}

.manufactures {
float:left;
padding-top:20px;
margin:0;
}

.force21Services {
width:280px;
float:left;
padding-bottom:18px;
margin:0;
}

ul.force21Services {
list-style-type:none;
font-size:13px;
color:#FFF;
line-height:10px;
padding-top:15px;
padding-left:0;
margin:0;
}

ul.force21Services li {
list-style-type:none;
background:url(../force21Images/arrow.jpg) no-repeat scroll left top;
margin:0;
padding:0 0 3px 15px;
}

.force21Services p {
font-size:13px;
line-height:18px;
font-weight:400;
color:#FFF;
margin:0;
padding:15px 0 0;
}

.force21Services a {
font-size:13px;
color:#FFF;
text-decoration:none;
line-height:18px;
margin:0;
}

.ourClientele {
width:280px;
float:left;
padding-bottom:25px;
margin:0;
}

.ourClientele a {
width:251px;
display:block;
height:38px;
text-indent:-9999px;
overflow:hidden;
background:url(../force21Images/ourClienteleBtn.jpg) left top no-repeat;
margin:0;
}

.ourClientele a:hover {
background:url(../force21Images/ourClienteleBtn.jpg) 0 -38px no-repeat;
height:38px;
}

.agencies {
width:254px;
height:70px;
margin:0;
padding:0 0 18px;
}

.agencies a {
height:70px;
display:block;
text-indent:-9999px;
background:url(../force21Images/agencies.jpg) left top;
}

.agencies a:hover {
background:url(../force21Images/agencies.jpg) left bottom;
}

.manufacturesPartner {
width:254px;
height:71px;
margin:0;
padding:0 0 18px;
}

.manufacturesPartner a {
height:71px;
display:block;
text-indent:-9999px;
background:url(../force21Images/manufactures.jpg) left top;
}

.manufacturesPartner a:hover {
background:url(../force21Images/manufactures.jpg) left bottom;
}

.force21product {
width:280px;
float:left;
margin:0;
}

.force21product ul {
list-style-type:none;
font-size:13px;
color:#FFF;
line-height:16px;
margin:0;
padding:15px 0;
}

.force21product ul li {
background:url(../force21Images/arrow.jpg) no-repeat scroll left top;
padding:0 0 3px 15px;
}

.force21product a {
font-size:13px;
color:#FFF;
text-decoration:none;
line-height:18px;
}

.footer {
float:left;
width:960px;
color:#8F7F4C;
margin:0;
padding:25px 0 0;
}

.footerTop {
background:#20281B url(../force21Images/contentTop.jpg) no-repeat scroll left top;
float:left;
width:960px;
margin:0;
padding:10px 0 0;
}

.footerlogo {
background:url(../force21Images/footerlogo.jpg) no-repeat scroll left top;
float:left;
width:960px;
margin:0;
padding:0 0 20px;
}

.footerlogo p {
font-size:12px;
float:right;
color:#8F7F4B;
margin:0;
padding:0;
}

.footerlogo ul {
text-align:left;
list-style-type:none;
margin:0;
padding:15px 0 0 20px;
}

.footerlogo li {
font-size:12px;
text-align:left;
display:inline;
padding-right:4px;
padding-bottom:0;
}

.footerlogo ul li a {
color:#8F7F4C;
text-decoration:none;
padding-right:10px;
padding-bottom:0;
padding-left:0;
}

.footerlogo ul li a:hover {
text-decoration:underline;
color:#FFF;
}

.footerlogoLeft {
text-align:left;
list-style-type:none;
width:500px;
float:left;
margin:0;
padding:0;
}

.footerlogoRight {
text-align:left;
list-style-type:none;
width:445px;
float:left;
margin:0;
padding:15px 15px 5px 0;
}

ul.listItem {
list-style-type:none;
font-size:13px;
color:#FFF;
line-height:10px;
margin:0;
padding:0 0 10px 20px;
}

ul.listItem li {
list-style-type:none;
background:url(../force21Images/arrow.jpg) no-repeat scroll left top;
margin:0;
padding:5px 0 5px 15px;
}

.productList {
float:left;
width:656px;
margin:0;
padding:0;
}
.productListL {
float:left;
width:456px;
margin:0;
padding:0;
}
.productListR {
float:left;
width:200px;
margin:0;
padding:0;
}
.productStrip {
background:url(../force21Images/bgProductStrip.jpg) no-repeat left center;
float:left;
width:656px;
height:20px;
margin:0;
padding:0;
}
.productStriprepeat {
	background:url(../force21Images/bgProductStrip.jpg) no-repeat left center;
	float:left;
	width:656px;
	height:20px;
	margin:0;
	padding:0;
}
ul.listInline {
float:left;
width:646px;
margin:0;

padding:0 0 0 10px;
}

ul.listInline li {
width:121px;
height:122px;
display:inline;
text-align:center;
list-style:none;
list-style-type:none;
float:left;
background:url(../force21Images/bgProductImg.jpg) no-repeat left top;
margin:0 15px 0 0;
padding:10px 0 0;
}

ul.listInlineTxt {
float:left;
width:646px;
margin:0;
padding:0 0 30px 10px;
}

ul.listInlineTxt li {
width:121px;
display:inline;
text-align:center;
list-style:none;
list-style-type:none;
float:left;
color:#FFF;
font-size:11px;
margin:0 15px 0 0;
padding:5px 0 0;
}

.imageBottom {
margin:0;
padding:0 0 19px;
}

.imgAlign1 {
text-align:right;
padding:0 10px 0 20px;
}

.imgAlign2 {
padding:0 20px 10px 10px;
}

.imgAlign3 {
padding:60px 0;
}

.detailArea {
float:left;
width:656px;
background:url(../force21Images/bgClientpg.jpg) left top repeat-y;
margin:10px 0 0;
padding:0;
}

.detailAreaTop {
float:left;
width:656px;
background:url(../force21Images/bgClientpgTop.jpg) left top no-repeat;
margin:0;
padding:16px 0 0;
}

.detailAreaBot {
float:left;
width:609px;
background:url(../force21Images/bgClientpgBot.jpg) left bottom no-repeat;
margin:0;
padding:0 47px 16px 0;
}

.detailAreaTitle {
float:left;
width:609px;
background:#8F7F4B;
margin:0 0 10px;
padding:5px 0;
}

.detailContent {
float:left;
width:569px;
margin:0;
padding:20px;
}

.detailContentRow {
float:left;
width:569px;
margin:0;
padding:0 0 30px;
}

.clientBox {
width:161px;
float:left;
border-right:1px solid #BCB18D;
color:#1F281A;
font-size:11px;
text-align:center;
margin:0 0 10px;
padding:0 10px;
}

.clientBoxR {
width:161px;
float:left;
color:#1F281A;
font-size:11px;
text-align:center;
margin:0 0 10px;
padding:0 10px;
}

.detailAreaBot h2 {
color:#FFF;
font-size:17px;
text-decoration:none;
font-weight:400;
margin:0;
padding:0 0 0 10px;
}

.detailAreaBot h3 {
color:#8F7F4B;
font-size:15px;
text-decoration:none;
font-weight:700;
margin:0;
padding:0 0 5px;
}

.detailContentL {
float:left;
width:250px;
margin:0;
padding:0 10px 0 0;
}

.detailContentR {
float:left;
width:309px;
margin:0;
padding:0;
}

.detailContent p {
line-height:18px;
color:#1F281A;
font-size:12px;
margin:0;
padding:0 0 10px;
}

.enquireBtn {
width:216px;
float:left;
background:#8F7F4B url(../force21Images/bgEnquireBtnT.jpg) no-repeat left top;
margin:0;
padding:0;
}

.enquireBtnB {
width:210px;
float:left;
text-align:center;
background:url(../force21Images/bgEnquireBtnB.jpg) no-repeat left bottom;
margin:0;
padding:1px 3px 3px;
}

.peEnquireBtn {
width:331px;
float:left;
margin:0 0px 0 0;
padding: 10px 20px 10px 235px;
}

.peEnquireBtnB {
width:325px;
float:left;
text-align:center;
background:url(../force21Images/bgpeEnquireBtnB.jpg) no-repeat right bottom;
margin:0;
height: 21px;
padding:1px 3px 1px;
}

.additionalView {
float:left;
width:557px;
margin:0;
padding:0 2px 10px 15px;
}

.additionalView img {
float:left;
margin:0;
padding:0 2px 0 0;
}

.additionalView p {
color:#1F281A;
float:left;
width:557px;
font-size:11px;
margin:0;
padding:0;
}

.detailAreaTitle ul {
font-size:11px;
color:#1F281A;
list-style:none;
list-style-type:none;
margin:0;
padding:5px 0 10px 15px;
}

.detailAreaTitle ul li {
line-height:15px;
background:url(../force21Images/bgArrow.gif) no-repeat left top;
padding:0 0 0 10px;
}

.force21Services a:hover,.force21product a:hover,ul.listItem li a:hover {
color:#8F7F4B;
text-decoration:none;
}

.content p a:hover {
color:#FFFFFF;
text-decoration:none;
}

ul.listItem li a, .detailAreaTitle ul li a:hover {
color:#FFF;
text-decoration:none;
}

.enquireBtnB a,.peEnquireBtnB a {
color:#FFF;
font-size:13px;
font-variant:small-caps;
text-decoration:none;
}

.enquireBtnB a:hover,.peEnquireBtnB a:hover,.detailAreaTitle ul li a {
color:#1F281A;
text-decoration:none;
}
/************* Contact Form   *************/
.contactForm {
	float:left;
	width:656px;
	margin:0;
	padding:0;
	font-size: 13px;
	color: #FFFFFF;
} em { color: #FF0000; }
.contactFormL {
	padding: 0px 0px 10px 20px;
	margin: 0px;
	width: 200px;
	float: left;
}
.contactFormR {
	padding: 0px 20px 10px 0px;
	margin: 0px;
	float: left;
	width: 416px;
}
.contactFormR {
	padding: 0px 15px 10px 0px;
	margin: 0px;
	float: left;
	width: 421px;
}
.commentArea {
	margin: 0px 0px 0px 11px;
	padding: 0px;
	width: 180px;
	color: #1F281A;
	font-family:"Trebuchet MS", Verdana, Tahoma;	
	font-size: 12px;
	float: left;
	background: url(../force21Images/bgMessageArea.jpg) repeat-y left top;
}
.commentArea p {
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 10px 0 10px;
	margin: 0;
	line-height: 15px;
	text-align: center;
}
.inputTxt {
	margin: 0px;
	height: 15px;
	padding: 2px;
	width:220px;
	color: #1F281A;
	font-size: 12px;
}
.inputTxtSelect {
	margin: 0px;
	height: 25px;
	padding: 0px;
	width: 350px;
	color: #1F281A;
	font-size: 12px;
}
.inputTxtAreaDiv {
	margin: 0;
	padding: 0;
	width:225px;
	float: left;
}
.inputTxtArea {
	margin: 0px;
	height: 100px;
	padding: 0px;
	width:225px;
	color: #1F281A;
	font-family:"Trebuchet MS", Verdana, Tahoma;	
	font-size: 12px;
}
.contactFormChkBox {
	float:left;
	width:440px;
	margin:0;
	padding:0 0 15px 216px;
	font-size: 13px;
	color: #FFFFFF;
}
.contactFormChkBox p {
	line-height: 25px;	
	padding: 0px;
}
.inputBtn {
	padding: 0px;
	margin: 0px;
	border: 1px solid #8F7F4B;
	cursor: pointer;
	background-color: #8F7F4B;
	color: #FFFFFF;
	font-family:"Trebuchet MS", Verdana, Tahoma;	
	font-size: 12px;	
}


.batons
{
	padding: 0px;
	margin: 0px;
	color:#FFFFFF;
	width: 655px;
	float: left;
}
.batonsL
{
	margin: 0px;
	padding: 0px;
	width: 300px;
	float: left;
}
.batonsR {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
}
.batonsR p {
	text-align: left;
	padding: 0 0 15px 0;
}
.batHor
{
	padding: 0px 0px 0px 23px;
	margin: 10px 0px 0px;
}
.priceSdg
{
	float:left;
	text-align: center;
	padding-left: 29px;
	margin-top: 20px;
}
.priceSdgTxt
{
	padding-left: 150px;
	margin: 20px 0px 0px;
	float: left;
}
.batonsR ul {
	list-style-type:none;
	font-size:13px;
	color:#FFF;
	line-height:18px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-left: 8px;
	margin-top: 0px;
	margin-right: 10px;
}

.batonsR ul li {
	background:url(../force21Images/arrow.jpg) no-repeat scroll left top;
	padding-top: 0;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.batonsR a {
font-size:13px;
color:#FFF;
text-decoration:none;
line-height:18px;
}

.cuffL
{
	margin: 0px;
	float: left;
	width: 20px;
	text-align: center;
	padding-top: 5px;
}
.cuffCe
{
	margin: 0px;
	padding: 0px;
	float: left;
/*	width: 415px;*/
	width: 370px;
}
.cuffCe p
{
	margin: 0px;
/*	width: 400px;*/
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
.cuffCe ul {
	list-style-type:none;
	font-size:13px;
	color:#FFF;
	line-height:18px;
	margin-left: 8px;
	margin-top: 0px;
	margin-right: 10px;
	padding: 0px;
}

.cuffCe ul li {
	background:url(../force21Images/arrow.jpg) no-repeat scroll left top;
	padding-top: 0;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.cuffCe a {
font-size:13px;
color:#FFF;
text-decoration:none;
line-height:18px;
}

.cuffR
{
	padding: 0px;
	float: left;
/*	width: 220px;*/
	width: 150px;
	text-align: right;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.priceValue
{
	text-align: right;
	margin: 0px 0px 10px;
	padding: 0px;
	float: right;
	width: 395px;
}
.aboutImg {
	padding: 0 0 2px 20px;
}