@charset "UTF-8";
/* CSS Document */
body {
	background-color: #efefef;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/background.gif);
}

.maincontainer{
	
	background-image:url(../images/body-background.jpg);
	min-height:500px;
	background-repeat:repeat-x;
	}

.wrapper{

margin:auto;
text-align:center;
width:780px;


}

.logodiv{
	
	background-image: url(../images/header-background.jpg);
	background-repeat: repeat-x;
	height: 134px;
}



.logodiv:after,.introdiv:after,.footercol:after, .maincontentdiv:after{
 content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.logo{
float:left;
padding-top:9px;
width:167px;}

.intro{


text-align:left;
width:610px;


}

.slogan{
text-align:right;
padding-top:8px;}


.sm{
float:right;

width:610px;}

.sm #callus{
padding-top:82px;}


.topbtn{

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#d2d2d2;
float:left;
padding-left:24px;
padding-right:24px;
padding-top:10px;
text-transform:uppercase;
line-height:22px;
background-repeat:repeat-x;}

#homebtn{

border-right:1px solid #c0cabb;
border-left:1px solid #c0cabb;

padding-bottom:9px;


}

.homebtn{
border-bottom:1px solid #c5c3c3;
background-image:url(../images/button-brown-back.jpg);}

.homebtnovr{
background-image:url(../images/button-brown-back-over.jpg);
border-bottom:1px solid #855f0a;



}



#patbtn{


text-align:left;
border-right:1px solid #c0cabb;
padding-bottom:9px;

}


.patbtn{
background-image:url(../images/button-blue-back.jpg);
border-bottom:1px solid #c5c3c3;
}

.patbtnovr{
background-image:url(../images/button-blue-back-over.jpg);
border-bottom:1px solid #0f70a7;
}

#abbtn{

padding-bottom:9px;
border-right:1px solid #c0cabb;

}


.abbtn{
border-bottom:1px solid #c5c3c3;
background-image:url(../images/button-green-back.jpg);
}

.abbtnovr{
border-bottom:1px solid #3f8316;
background-image:url(../images/button-green-back-over.jpg);
}


.submenu{
clear:both;

border-bottom:1px solid #c5c3c3;
background-color:#767676;
padding-top:8px;
padding-bottom:8px;
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
text-transform:uppercase;
}


.submenu ul{

margin:0px;
clear:both;

padding-left:0px;

}

.submenu li{
	float:left;
	
	list-style-image: url(../images/bullet.png);
	padding-right:20px;
	margin-left:20px;
	
}


.submenu:after{
 content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.submenu li a{
color:#C8C8C8;
text-decoration:none}
.submenu li a:hover{
color:#fff;
text-decoration:none}

#bluesubmenu{

background-color:#0f70a7;
position:absolute;
top:176px;
left:0px;
width:100%;}

#defaultsubmenu{

width:100%;}


#greensubmenu{
background-color:#3f8316;
position:absolute;
top:176px;
left:0px;
width:100%;}

#brownsubmenu{
background-color:#855f0a;
position:absolute;
top:176px;
left:0px;
width:100%;}

.clear{
	clear:both;

}



div{

font-family:Arial, Helvetica, sans-serif;
}











.divfloatlt {
	float: left;
}




.footer {
	
	background-color:#a8a8a8;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	color: #505050;
	padding-top: 25px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/footer-background.jpg);
	background-repeat: repeat-x;	
	margin-top:50px;
}




.txt11gray{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#363638;
}
.pagingtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #676964;
	text-decoration: none;
}


.txt12greybold{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#363638;
font-weight:bold
}



.divfloatrt {

	float: right;
}

.frmbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	
	background-color:#579f2d;
	height: 31px;
	padding-left: 10px;
	padding-right:10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top:15px;
}
.loginbutton {
	-moz-border-radius:5px 5px 5px 5px;
	background-image:url("../images/small-button-back.jpg");
	background-repeat:repeat-x;
	border:0 none;
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	height:30px;
	opacity:1;
	padding:0 12px;
	text-transform:capitalize;
	outline-style:none;
}

.frmbuttonsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	height: 25px;
	padding-left: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	filter:alpha(opacity=100);
	opacity: 1;
-moz-opacity:1;
	background-color: #005429;
	
}


.frmbuttonovr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(../images/button-back-r.jpg);
	background-repeat: repeat-x;
	height: 41px;
	padding-left: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}



.frmfield {
	background-image: url(../images/form-field-back.png);
	background-repeat: repeat-x;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3A3A3A;
	border: 1px solid #aaaaaa;
	padding-top: 3px;
	background-color: #C3C3C3;
	height: 21px;
}

form table td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-right:5px;


}
.frmfieldovr {

	
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	border: 1px solid #000;
	padding-top: 3px;
	
	height: 21px;
}
.tmarg20 {
	padding-top: 20px;
}

.alphastyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #05589e;
	background-color: #FFFFFF;
	height: 22px;
	width: 22px;
	border: 1px solid #aed0eb;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	cursor:pointer;
}

.alphastyle:hover{
	background-color: #CDDCE9;

}
.tmarg10 {
	padding-top: 10px;
}
#pagingtd a {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #065397;
	text-decoration: none;
}


h1{
	color:#429ed2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;

	font-weight:bold;
	text-transform:capitalize;

	
	padding-left:15px;
	background-image:url(../images/bullet2.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	margin:0px;
	padding-bottom:12px;

}

h2{

color:#865f0c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
line-height:30px;

font-weight:bold;
	text-transform:uppercase;
	
}

h3{
color:#579f2d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:30px;
	font-weight:bold;
	text-transform:capitalize;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;	
	border-bottom:1px solid #ccc;
	
}

h4{
	color:#6b6b6b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	text-transform:capitalize;
	margin:0px;
	text-align:center;
	padding:0px;
	border-bottom:1px solid #ccc;
	
	
}

.callus{
font-size:15px;
color:#828384;
text-align:right;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}

.callus a
{
text-decoration:none;
color:#828384;
font-size:13px;
margin-left:15px;
}
.callus a:hover
{
text-decoration:underline;
color:#1F4D02;
}

.breadcrump{
	padding-top:12px;
	padding-bottom:8px;
	color:#4c4c4c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	text-transform:capitalize;
	background-color:#FFFFFF;
	padding-left:12px;
}

.breadcrump a{

color:#4c4c4c;

text-decoration:underline;
}



.sep{
background-image:url(../images/splitter.gif);
background-position:center center;
height:30px;
background-repeat:no-repeat;
}

.lmarg10 {
	padding-left: 10px;
}
.tlmarg20 {
	padding-top: 20px;
	padding-left: 20px;
}
.tmarg20 {
	padding-top: 20px;
}

.frmarea {
	background-image: url(../images/text-box-back.jpg);
	background-repeat: repeat-x;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border: 1px solid #aaaaaa;
	padding-top: 3px;
	background-color: #C3C3C3;
	
}
.frmareaovr {

	background-image: url(../images/text-box-back-r.jpg);
	background-repeat: repeat-x;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #aaaaaa;
	padding-top: 3px;
	background-color: #1173CA;
	
}
.lmarg15 {

	padding-left: 15px;
}
.txt12bluebold {

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#07569D;
font-weight:bold
}

.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.reqdiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	float: left;
	padding-left: 5px;
}
.text_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	background-color: #EAEAEA;
	border: 1px solid #DADADA;
	background-image: url(../images/error.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.confirmtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #579349;
	text-decoration: none;
	background-image: url(../images/yes-arrow.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	background-color: #f0f0e3;
	padding-left: 21px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: left;
	width: 35em;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}


.marg10{
padding:10px;
}


.frmbuttonerror {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(../images/button-back-r.jpg);
	background-repeat: repeat-x;
	height: 41px;
	padding-left: 10px;
	padding-right:10px;
	border: 1px solid #FFFFFF;
	margin-right:10px;
}
.footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #676666;
	text-decoration: none;
}

.footer a:hover{
color:#000}

#confirmMsgDiv{
	height:60px;
	padding:20px;
	font-size:14px;
	color: #579349;
	text-decoration: none;
	background-color: #f0f0e3;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;

}



.sublinkscol a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#579f2d;
	
	
	line-height:20px;
}

.sublinkscol a:hover{
	
	color:#000000;
	
}
.sublinks{
border-top:solid 1px #d3d3d3;
padding:10px;
border:1px #ccc solid;
margin-left:15px;
float:right;
width:200px;
}

.sublinkscol{

padding-top:10px;
}

.links{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#4A4A4A;
}


.frmlbl {
	font-family: Arial;
	font-size: 14px;
	color: #858585;
	padding-top: 10px;
}




.maincontent{


font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:16px;
color:#303030;
text-align:justify;



border:10px solid #fff;
background-color:#FFFFFF;
margin-bottom:15px;
padding-bottom:5px;



}

.maincontent a{
color:#579f2d;}


.maincontentdiv:after{
 content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.maincontentdiv{
text-align:left;
border:1px solid #c7c7c7;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
padding-top:10px;
text-align:justify;

line-height:23px;
}

#logo{
float:left;}

.searchbar{



	
   float:right;
	

	padding-top:10px;
	
}

.searchbar a{
color:#a6a6a6;
text-decoration:none;

}

.searchcontainer:after{
 content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.searchfield{
	height:18px;
	border: 1px solid #CCCCCC;
	float:left;
	color:#576770;
	padding-top:5px;
	padding-left:3px;
	background-color: #d8d8d8;
	margin-right:5px;
}


.searchfieldover{
color:#000;
background-color:#fff;
text-align:left;
padding-left:3px;
}

#intropics {height:240px;
width:569px;}


	
	form{
	margin:0px;
	padding:0px;}

.introdiv{


padding-bottom:20px;}

.closediv{
background-color:#000000;
text-align:right;
width:406px;}

.vidbor{
border:5px solid #000;
width:396px;
}

.smltxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706f6f}

.headingtxt{
color:#865f0c;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:16px;
font-weight:bold;}

.greenlnk{
font-weight:bold;
font-size:11px;
text-decoration:none}



.footercol{
text-align:left;
float:left;
width:25%;
}

.footercol ul{
list-style-type:none;
padding:0px;
margin:0px;}

.footercol li a{
line-height:20px;
color:#466732;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;}

.footercol li a:hover{
color:#000000}

.copyrights{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676666;
text-align:left;
line-height:17px;}

.newscol{
float:left;
width:45%;
padding-right:25px;
font-size:13px;
margin-top:10px}

.imgbor{
border:5px solid #B7B8B9;
margin-right:10px;}

.quotetxt{
background-color:#B7B8B9;
text-align:left;
color:#000;
font-size:14px;
font-weight:bold;
padding:5px;
width:178px;
margin-right:10px;
}

.quotehome
{
	width:294px;
	padding:10px;
	

}


 img { behavior: url(iepngfix.htc) }
 
/* my invoices  by waleed*/
#invoiceDetail
{
	background-color:#FFFFFF; 
	padding:20px; 
}
.invoiceDetailTable
{
	border:1px #cccccc solid;
 	margin:3px 0;	
	padding:4px 10px;
}
#invoiceDetail .text_normal{ font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.invoiceTitle{ text-transform:capitalize; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.invoiceAmount{ margin-left:150px;}


.proddetbox {
border:1px solid #E1E1E1;
color:#4E4E4E;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
padding:10px;
width:300px;

}
.pricebglight {
background-color:#F2F2F2;
float:left;
}
.summary{ font-size:12px; }
.grandsummary{ font-size:12px; color:#0C5290;}
.errorDiv{margin-top:5px; background:url(../images/error.png) no-repeat #CCCCCC; min-height:25px; padding:1px 0 ;-moz-border-radius:5px; background-position:5px 15px;}
.errorDiv p{ margin-left:30px;color:#FF0000;font-size:13px;  }

.login_title{
	color:#429ed2; font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold;
	text-transform:capitalize;
	padding-left:15px;
	margin:10px;
	padding-bottom:12px;

}

.loginSpan{color:#333333; font-size:13px; font-weight:bold; margin-left:5px;}
.forgetPass{color:#429ED2; font-size:12px;}
.forgetPass:hover{color:#666666; font-size:12px; text-decoration:none;}
.forgetPassDiv{margin-left:70px;}
#loginMainDiv label{ color:#666666; font-weight:500;}
#loginWrapper{width:270px; height:215px; padding:15px; text-align:left; padding-left:100px;}
.headerLinks{ font-size:13px;}
.floatLeft{ float:left;}
.margintop5{margin-top:5px;}
#logindiv{display:none; height:240px; width:385px; background-color:#FFFFFF; padding:10px;background:url(../images/back-lock.png) no-repeat;}
#loginError{font-size:13px; color:#FF0000;}




/* drop down menu */
#pmenu ul {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  
}
#pmenu ul li {
  display: block;
  position: relative;
  float: left;
  width:120px;
  text-align:left;
  z-index:1;
  
}
#pmenu li ul { display: none; }

#pmenu  ul li a {
  display: block;
  text-decoration: none;
  color: #D2D2D2;
  border-top: 1px solid #ffffff;
  padding: 5px 5px 5px 15px;
  background:#333333;
  margin-left: 1px;
  white-space: nowrap;
}
#pmenu ul li a:hover { background: #0E649F; }
#pmenu li:hover ul {
  display: block;
  position: absolute;
  
}
#pmenu li:hover li {
  float: none;
  font-size: 11px;
}
#pmenu li:hover a { background:#000000; }
#pmenu li:hover li a:hover { background:#0E649F;}