.loginBox{text-transform:capitalize; font-size:12px; }
.loginBox a{color:White;}
.loginBox a:hover{color:Orange;}
.text-capitalize{ text-transform:capitalize;}
.watermarkedSearch{ color:#eeeeee;}


div.pagination{font-size:14px;padding-right:2px;}
div.pagination a{border:1px solid #777777;color:#777777;font-size:14px;font-weight:bold;padding:2px 5px 2px 5px;text-decoration:none;}
div.pagination a:hover, div.pagination a:active{border:1px solid #CCCCCC;color:#CCCCCC;}
div.pagination span.current{background-color:#777777;border:1px solid #999999;color:#FFF;font-weight:bold;padding:2px 5px 2px 5px;}
div.pagination span.disabled{border:1px solid #EEE;color:#DDD;padding:2px 5px 2px 5px;}

.itemWrapper{width:700px;padding:5px;}
.itemImage{border:1px solid #eeeeee;overflow:hidden;width:100px;border:1px solid #A3BED9;}
.itemLeftImagePart{width:120px;float:left;padding-top:5px;padding-left:5px;}
.itemContent{}
.imageRightContent{float:right;width:115px;padding:5px;font-size:12px;}
.imageLeftContent{width:415px;float:left;overflow:hidden;}
.itemWrapper h2{margin:0;}
.itemImageCount{width:80px;height:20px;padding-top:5px;}
.imageCount{font-size:12px;}

.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border-collapse:collapse; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    
.mGrid .alt { background: #fcfcfc url(../bcscimages/gridview/grd_alt.png) repeat-x top; }
.mGrid .pgr {background: #424242 url(../bcscimages/gridview/grd_pgr.png) repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }


/**/
body {font-family:verdana;font-size:15px;}
        a {color:#333; text-decoration:none}
        a:hover {color:#ccc; text-decoration:none}
        #mask {position:absolute;  left:0;  top:0;  z-index:9000;  background-color:#000;  display:none;}
        #boxes .window {position:absolute;  left:0;  top:0;  width:440px;  height:200px;  display:none;  z-index:9999;  padding:20px;}
        #boxes #dialog {width:375px;   height:155px;  padding:10px;  background-color:#ffffff;}
        .hd{ font-weight:bold; padding:5px;}
        .bd{ padding:5px;}
        .dealervideo{ padding-top:10px;}
        img{ border:0;}
/**/

.new{margin:0; padding:0; cursor:pointer;  text-indent:55px; font-size:18px; font-weight:normal; line-height:50px; } 

.new{ display:block; width:257px; height:50px; text-decoration:none;}      
  
#contentAccBot{ width:235px; border-left:solid 1px #eeeeee; border-right:solid 1px #eeeeee; padding:10px; overflow:hidden; border-bottom:solid 1px #eeeeee;}    
.contentAcc{ width:235px; border-left:solid 1px #eeeeee; border-right:solid 1px #eeeeee; padding:10px;  padding-top:20px; overflow:hidden; }    
.contentAcc a{ font-size:12px; text-decoration:none; text-indent:0; padding:0; margin:0;}
.contentAcc li{ font-size:12px; text-decoration:none; text-indent:0; padding:0; margin:0;}
#accordion{ }
#accordion p{ margin:0; padding:0;}

.ui-state-default{background-color:#d8d8d8; color:white; background-image:url('../Images/back_close.gif'); background-repeat: no-repeat; background-position:right center;}
.ui-state-active{ background-color:#f4f4f4; color:#30456e; background-image:url('../Images/back_open.gif'); background-repeat: no-repeat; }
.ui-icon{}


a { color:#30456e; text-decoration:none;}
a:hover { color:Orange}
body { font-family:Arial Unicode MS; color:#727272;}
img{ border:0;}


#wfp_navigation a{ font-family:Arial; font-size:13px; text-decoration:none; color:#30456e;}
		#wfp_navigation a:hover{ color:#f89625;}
		#wfp_navigation .active{color:#f89625; font-weight:bold;}
		#wfp_navigation .inactive{}


#smartweblab_wrapper{ width:100%; padding:0; margin:0;}
#smartweblab_content{ background-color:#eeeeee;}
#smartweblab_header{ border-bottom: solid 1px #eeeeee; background-image:url('../images/wfp_shade_top.jpg'); background-position:left bottom; background-repeat:repeat-x;}
	#wfp_header{ width:1000px; position:relative;left:50%;margin-left:-500px; height:85px; padding-top:10px;}
	.wfp_header{ width:1000px; position:relative;left:50%;margin-left:-500px; height:65px;}
		#wfp_logo{ float:left; width:220px; padding-left:3px; padding-top:5px;}
		#wfp_navigation{ float:right; width:160px; text-align:right; padding-top:20px; padding-right:12px;}
				
		
#wfp_content{width:990px; position:relative;left:50%;margin-left:-500px;  padding-bottom:10px; }
	#wfp_left_column{ width:265px; float:left; background-color:White; }
	#wfp_right_column{ width:720px; float:right;}
	
	#countrydivcontainer{ background-color:White; width:730px; margin-bottom: 1em; padding: 10px; border:solid 1px #c7c7c7;}
	
	#servicescontainer{ background-color:White; width:728px; margin-bottom: 1em; padding: 10px; border:solid 1px #a3b3c7; background-image:url('../images/shade_content.jpg'); background-position:left top; background-repeat:repeat-x; }
	#servicesSub{padding:5px; background-color:White;}
		#servicestabs {  margin-top:10px;}
		#countrytabs{ margin-top:10px;}
		#servicestabs a{ font-size:13px; }
		#servicestabs a.selected{ font-size:13px; font-weight:bold;  }
		
		.servicescontainer{background-color:White; width:730px; margin-bottom: 1em; padding: 10px;}
		
	
#smartweblab_footer{border-top: solid 1px #eeeeee; padding-top:10px; width:100%; padding:0; margin:0; background-image:url('../images/wfp_shade_bottom.jpg'); background-position:left top; background-repeat:repeat-x;}
	#wfp_footer{ width:1050px; position:relative;left:50%;margin-left:-500px;  padding-top:10px;}
		#footer_text{ font-size:12px; color:#777777; padding:15px;}
		
/*Contact*/
.textBoxLeft{ width:170px; float:left;}
.textBoxLeftCom{ width:340px; float:left;}
#textBoxLeftCap{ width:240px; float:left; padding-top:10px;}

#textBoxRight{ width:200px; float:left;}
.label{ font-size:11px; color:#30456e; font-weight:bold;}
#interestedIn{ float:left;}
#contactFormWrapper{background-color:White; width:730px; padding:10px; margin-top:10px; border:solid 1px #eeeeee; }
#confirmation{ padding:40px; text-align:center;}

#accordionUc{ margin-bottom:5px;}

.content{ background-color:White; padding:10px; margin-top:10px; width:730px; /*border:solid 1px #e6e6e6;*/ margin-bottom:10px;}
.contentPortfolio{ background-color:White; padding:10px; width:680px;}
#refreshButton{ width:38px; height:26px; overflow:hidden; float:right;}
#captchaImg{ width:200px; height:50px; float:left;}

/*Accordion - Contact*/
.contactTitle{padding-top:10px; padding-bottom:10px;}

/*Our Team*/
#imageCharacter{ width:160px; float:left; border:solid 1px #eeeeee; padding:5px; text-align:center; margin-left:10px;}
#imageDesc{}

#imageDesc h1{ font-size:12px; font-weight:normal; text-align:center; padding:0; margin:0;}


/*General*/
body{ font-family:Arial; font-size:13px;}
h1 { font-size:16px; }
h2{ font-size:15px; font-weight:normal;}
h3{ font-size:14px;}

#pageTitle{text-indent:15px; line-height:30px; background:white; margin-top:0; margin-bottom:10px; width:750px;}
#pageTitle h1{ font-size:18px; margin:0; padding:0; }
#pageTitle h3{ font-size:10px; margin:0; padding:0;}
#titleHeader{ width:250px; float:left; background-color:#f89321;}
#titleHeader h1{ color:White; font-family:Arial Unicode MS; font-weight:normal; font-size:15px; padding:0; margin:0; line-height:30px;}

/*#breadCrumb{ width:500px; float:left; font-size:10px; background-color:#2f456e; color:#f89321;}*/
#breadCrumb{ width:500px; float:left; font-size:11px; background-color:#385384; color:#f89321;}
#breadCrumb a{color:White;}
#breadCrumb a:hover{color:#f89321; }


/*Banners Samples*/
#banner_sample{  height:280px; padding:20px; padding-bottom:0; float:left;}
#banners_wrapper{ padding-left:45px; text-align:center;}
#hor_banner{ width:400px; height:100px; padding:20px; padding-bottom:0;}

/*Portfolio*/
.samplePortfolio{ width:180px; float:left; margin-left:20px; margin-right:20px; margin-bottom:20px; text-align:center;}
.samplePortfolio h1{font-size:14px; font-weight:normal; text-align:center; vertical-align:bottom;}
.contentPort{background-color:White; padding-left:25px;  border: solid 1px #eeeeee; width:702px;}


/*ECommerce*/
#imgWrapper {width:750px; overflow: hidden; padding-left:63px; padding-top:20px;}
#portWrapper { padding-top:20px; padding-bottom:20px;}
#portfNavigation{ width:330px; float:right; padding-right:70px; text-align:right;}
#portfDesc{float:left; width:250px; padding-left:70px;}
#imDesc{  padding:5px; color:#30456e;}

li a{ font-size:12px; padding:0; margin:0; font-weight:bold;}

#contentOrg{ border:solid 1px #eeeeee; padding:10px; }

#contentOrg h2{ font-size:13px; padding:0; margin:0; font-weight:bold; }
#contentOrg p{ margin-top:0; padding-top:0; }

/*Ajax Tabs*/
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
border-top:solid 1px #bbcade;
border-left:solid 1px #bbcade;
border-right:solid 1px #bbcade;
position: relative;
z-index: 1;
font-size:11px;
color:#2f456e;

padding: 7px;
font-weight:normal;
color: #2d2b2b;
background-image:url('../images/shade_tab_inactive.jpg'); background-position:left top; background-repeat:repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
font-size:11px; color:#ffffff; font-weight:bold;
line-height:22px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image:url('../images/shade_tab_active.jpg'); background-position:left top; background-repeat:repeat-x; 
background-color: #b5c2d3; border-top:solid 1px #a3b3c7; border-left:solid 1px #a3b3c7; border-right:solid 1px #a3b3c7;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid #eeeeee; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid #eeeeee; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}